![]() This means the container will be the ul.Ĭreate a CSS selector that targets the ul that is the descendent of the thumbnail-grid class. In this case, we want our thumbnails to use flexbox. We do this by setting the display property to the value of flex. Whenever we want elements to use flexbox as their layout module, the first step is to set the container of the elements to use flexbox. CSS Tricks has an excellent reference page on flexbox: Flexbox can arrange items into columns as well. ![]() We'll use the CSS Flexbox model to arrange our thumbnails into rows. We'll start with aligning 4 thumbnails in each row. We're going to align our 8 thumbnails into a grid to make them display better. Set the margin on the body to be 1em on the top and 3% on the left and right.Ĭreate a grid Your starting point should look like step-2.html
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |