Design comparison
Solution retrospective
I am proud that I learned more about making css responsive styles and creating something that looks so close to the original. I also like the fact that I am learning more and more about media queries which is making things a lot easier and I am not doing so much code than before.
What challenges did you encounter, and how did you overcome them?the challenges I encountered was displaying the text evenly and knowing why its a good idea to put in place grid-auto-template-column. I was able to learn a lot from Kevin Powell's videos on youtube. I overcame the process of creating a reset stylesheet and creating a css root set before actually coding the css which prevents me from performing a lot of repeat code.
What specific areas of your project would you like help with?I see the text isn't really lining up with the figma design. so I would like to know if I can make anything better.
Community feedback
- @bartoszdudziak-devPosted 7 months ago
Looking through your code, I see that you managed to handle the font family. You can generate new screenshot of your solution.
I encourage you to have a look on self-hosting fonts (e.g. Kevin Powell's YT video).
In my opinion the container should have limited max-width by default, because it takes whole space when screen width is less than 1200px.
Apart from this detail, your solution is really good! 🫡
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