CSS Grid help shortening?


Need some help figuring out on the second page how to reduce the “block3” class to fit the text in CSS Grid. Also, bringing it slightly to the left from the border wouldn’t be too bad either. I made it into thirds and just want the text on the lefthand side.

Just add width: 100% to the div in question.

In your CSS:

  1. Search for .pageTwo class and add to it width: 100% the CSS is going to be like in the following:
.pageTwo {
    background: url(https://images.unsplash.com/photo-1506878206813-92402b8ded23?ixlib=rb-0.3.5…EyMDd9&s=0a65a02…&auto=format&fit=crop&w=1950&q=80);
    background-size: cover;
    margin-top: -3%;
    height: 800px;
    height: 100%;