A Landing Page for rum. Help!

Hello FCC!

I’ve been having quite a bit of trouble with my Landing Page. Already done with the stories, but trying to actually make it cool. Here it is: https://codepen.io/ghersf91/pen/qBqyGJx

My main question is for the elements at the bottom, the “Pricing” section. How can I make the elements centered (side by side on desktop and one on top of each other on mobile)?

Also, with the nav bar, I’m having trouble pushing the 3 elements to the right, it currently cools look on mobile but not on desktop.

Thank you very much!

Hi @ghersf91 !

I created a CodePen example to help you with the layout of the Pricing section. It uses Flexbox to achieve the side-by-side layout you’re after on desktop screens and the on top of each other on mobile (try making the viewport smaller than 600px to see). You would just need to implement in your site. :slight_smile:

https://codepen.io/camcgreen/pen/eYgmMRJ

Hope this helps!

Thanks,
Cam

This was extremely helpful @camcgreen, thank you very very much!!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.