FCC Product Landing Page Challenge


I have three questions in regards to the product landing page challenge.
Feedback is also very welcome.

For some reason I can’t figure out the features section has one item which doesn’t center like the other two. (Full Size Screen).

I can’t seem to find a way to have space in between my navigation list items on the top right and finally I’ve found a way to make the video responsive and centered but can’t figure out how to make it smaller.

Thanks a lot if you guys can help,

  1. You have given #main-container a max-width of 100rem which is not enough if you do not want the cards to wrap. You can give the container a larger max-width or you can lower the .pricing-card width.

Total width of the cards is (3 * 500px) + (6 * 1.3rem) = 1624.8
Width of the container is 100 * 16 = 1600

  1. You can increase the width of the nav or you can just use some padding on the links for the spacing. You should always add some padding on links anyway.

  2. You should be able to adjust the max-width and use padding as needed.