April 2018
Beginner
368 pages
7h 37m
English
This Blog section is based on a three-column grid, and it works pretty well on desktops and tablets; however, on a mobile, it shrinks a bit too much, so we'll need to change the three columns to two columns (and one column for a small mobile):

To change the width of the column, let's head to the .blog-post class we created and change the value of the width to 50% on a large mobile breakpoint:
.blog-post { width: 33.33%; padding: 0 5px; box-sizing: border-box; margin-bottom: 30px;}/* Large Mobile Styles */@media only screen and (max-width: 768px) { .blog-post { width: 50%;