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
5 Replies
Depends how you want it to behave on mobile.
the image on the left will be on the top and text on the right below the image in mobile and tablet
Then I would use css grid with the image as an element in the markup (vs a bg image)
how you divided the grid
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