Frontend Mentor Challenge: Perfume Product Preview – HTML & CSS FlexBox

Check out the final result:
Check out the GitHub repo:

Responsive Mobile Design is the name of the game with this challenge. Although very similar to last weeks challenge, this one had the added complexity of layout changes when switching between Mobile and Desktop view.

Using the magic of flexbox this is no problem, and resizing it to mobile or desktop switches the image and layout.

More challenges will be coming soon, I’ll try and get some interactions in, any suggestions leave a comment!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.