0
Students
In this exercise, you have to make a masonry layout using only flexbox. This type of layout is often created with JavaScript because you have to adjust elements with the same margins regardless of the height of the row elements.
You should create the following layout:
Your task is to style the gallery block and gallery-item elements.
Tips
- Think about along which axis the elements inside the gallery block should be displayed
- You'll need the order property
- Use pseudo-class nth-child
- Don't forget that elements can shift
For full access to the challenge you need a professional subscription.
A professional subscription will give you full access to all Hexlet courses, projects and lifetime access to the theory of lessons learned. You can cancel your subscription at any time.