In this post, you're going to apply everything you've learned so far, from flexbox to grid to making a responsive design.
You're going to create an art gallery, using the paintings of your choice. This project was inspired by Front end mentor. Visit the link to view the design. We're going to only focus on the layout of the page and how everything is displayed.
In this project, we're going to use:
Flexbox
Grid
media queries
Before checking out the solution below make sure you try on your own first. Use the previous tutorials to help yourself.
Tips and hints
You might need to use some properties we did not previously use such
row-gap
letter spacing
line height
With a quick google search you will understand how to use them.
Use mobile-first approach
Solution
Top comments (0)