How can I achieve this design in the hero section and have it responsive

I am a frontend developer and I have always admired the hero section design (on the left and right) l, the email, blog, website etc sections. I cannot think of a way to have it look like this on desktop and have it responsive for all screens. I usually style using TailwindCSS Would really appreciate all the help on how to achieve this
No description
No description
2 Replies
Sleep Twitch
Sleep Twitch•2d ago
I think you could use a 3 x 4 grid. First row column 2, "Introducing". Second row column 1 the social media thingy, on the left side of the column 1. Column 2 the title text, column 3 the website thingy, on the right side of column 3. Row 3, c1, the email thingy, but on the right side of column 1. And so on
Killer🔪
Killer🔪OP•2d ago
Thanks for the idea. I will try this Do you have any idea on how to style it for mobile view

Did you find this page helpful?