Galleries & Layouts

Complete this assessment with 100% score to master this chapter.

01In CSS Grid, what is the difference between 'auto-fill' and 'auto-fit'?

02How do you create a gallery that wraps automatically without media queries?

03What is 'Masonry' layout?

04Which property allows an element to cover multiple rows in a grid?

05How do you add a 1rem gap between items in both Flexbox and Grid?

06Which layout method is best for a simple horizontal scrollable list of cards?

07What does 'align-content' do in a multi-line flex container?

08How do you create a 'Hero' section that takes up the full screen height?