What will be your approach for this UI

I get the design for one of my friend, and confuse how to design the hero section. I kindly request you all please suggest me your opinion create hero section
No description
5 Replies
clevermissfox
clevermissfox12mo ago
Depends how you want it to behave on mobile.
get out...!
get out...!OP12mo ago
the image on the left will be on the top and text on the right below the image in mobile and tablet
clevermissfox
clevermissfox12mo ago
Then I would use css grid with the image as an element in the markup (vs a bg image)
get out...!
get out...!OP12mo ago
how you divided the grid
clevermissfox
clevermissfox12mo ago
1 column on mobile with the image wrapper on top, text content on the bottom ; 3columns on desktop with the text content spanning col 1+2; image spanning col 2+3. Then use the alignment properties to align image to the top and text to the bottom
Want results from more Discord servers?
Add your server