Design comparison
Solution retrospective
Two big issues I know I have are centering the grid on the full page and moving the quotations behind the text. I also noticed in mobile view the grid is way below the top of the screen I have not figured out how to fix that.
Community feedback
- @vermilion4Posted almost 3 years ago
Nicely done. To get it centred on the full page, you can set a grid to the overall container - i.e the container holding all the content (boxes), that should be your .container, give it a height of 100vh, then add the property( place-content: center;)
Marked as helpful0@tjohnseyPosted almost 3 years ago@vermilion4 I will take a look into centering it that way. I looked all over but don't think I was phrasing it correctly to get the right results.
0 - @FsaneaPosted almost 3 years ago
Good job, this is how we built our skills with the issues we face, I'm still new but I noticed in your code all the boxes inside one section, I advice you to consider each box as a separate section this is would help and make your code easier to read. and for CSS grid you can use grid-span for the boxes which require to take more than one column.
a nice video about CSS grid: https://www.youtube.com/watch?v=jV8B24rSN5o&list=PLNb8ZAmkd-lSAx37skrpfO9N3IJBxCSbf&index=4&t=1395s
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord