How do I approach this?

Please, anyone who can help me out on how to approach the right side of the hero section. And to also make it responsive. Thanks
12 Replies
~MARSMAN~
~MARSMAN~2y ago
1-Main Container 1.1- text container ( h1, p, buttons, etc..) 1.2- Image container ( for the plate image) 1.3- a div with a position absolute ( for that green shape ) That's how I'd do it for the whole
Corizon
Corizon2y ago
Can it be responsiveness afterwards?? And also please how do I go about the little dishes around the plate?
Jochem
Jochem2y ago
Include them in the image
Kevin Powell
Kevin Powell2y ago
Yeah, I'd be very tempted to just have one image there, which includes those little ones, unless it moves around at different screen sizes.
Chris Bolson
Chris Bolson2y ago
Kevin released a video on placing items around a circle using cos and sin to calculate the positions a couple of weeks ago. https://youtu.be/eO33Rh3GFGk
Corizon
Corizon2y ago
Oh okay, so it should be more like grouping the images as one then, place it on the right side of the hero-section. Thanks a lot @Chris this can turn out useful.
Chris Bolson
Chris Bolson2y ago
I created a demo css nav based on Kevin’s video which might also serve as inspiration https://sandbox.cbolson.com/projects/css/circle-nav/
Corizon
Corizon2y ago
Wow, the menu is cool!! Maybe, a source code would go a long way.
Chris Bolson
Chris Bolson2y ago
Corizon
Corizon2y ago
Thanks @Chris Uhmm, I hope I can replicate the design with pure css
Chris Bolson
Chris Bolson2y ago
The one I did is just CSS
Corizon
Corizon2y ago
Yeah, I just noticed Thanks @Chris
Want results from more Discord servers?
Add your server