Design comparison
Solution retrospective
I became more familiar with the grid concept, which I wasn't very accustomed to before. I realized I needed to do some research and reading about grids. It seemed more complicated than Flex, but now I understand it better. Especially in the desktop version, I became more accustomed to the placement and ordering of grids. It took me a long time to finish the project because there was a gap in time, and unfortunately, I had to remember and review the old code at each restart. However, I believe I have a much better understanding of the grid system now. The challenges are really well-prepared and improve practice with each step.
What challenges did you encounter, and how did you overcome them?I had worked with grids before, but not in depth—just superficially. In this project, I had to do a lot more research and review my knowledge again.
What specific areas of your project would you like help with?Each grid section grows and shrinks according to its content as the page size changes. However, some articles are not as long as others, and this leaves empty spaces at the bottom of the page, which doesn’t look very good from a layout perspective. I tried using Flexbox with space-between and space-around for the articles, but since each article is a grid item, the empty spaces at the bottom did not close up. It seems these methods are not very ideal for this situation. I would appreciate any help or suggestions on how to address this issue.
Community feedback
- @BlasVernazza06Posted 3 months ago
Bastante preciso en cuanto al ideal, te falto nomas eliminar los elementos que vienen por defecto
Marked as helpful0
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