Alexander
KPCKevin Powell - Community
•Created by i_lost_to_loba_kreygasm on 4/4/2025 in #help
how to make the hero section layout?
A Grid two column Layout for the Hero
Right Column with:
Simple way:
1 div for the image of the woman and pseudo elements for floating tags ( span will do )
2nd div absolutely placed ( inset-0 ) to hold the background I Image
Harder approach:
A div with the woman's image, it has a background gradient and is shaped like a pill
The 2nd div uses 2 triangles to create a parallelogram with a gradient background
6 replies