Design comparison
Solution retrospective
I am proud of the fact that I pushed past my limits. I got really confused and afraid before starting out, but now that I brought myself through it, I have seen how many possibilities there are from the same vanilla CSS and HTML structures.
What challenges did you encounter, and how did you overcome them?I was afriad a lot seeing the image at first, thinking it must be a very complicated flexbox-grid hybrid; but I got through it with simply revising and working on the Box model of CSS.
What specific areas of your project would you like help with?I would like help with identifying text type from images, as in the fonts are defined in Style Guide, but things like "Learning"; was very hard to estimate which tag I should use.
Community feedback
- @tundeogundePosted 4 months ago
Hi, Good effort Udit. I do understand how proud you are to have overcome some of the challenges you faced; this is part of the learning process on which we are. Congratulations for making the efforts. There's also room for improvements;
- Make your HTML code easy to read by using proper indentation or using Prettier Code formatter VS Code extension.
- It's actuall a lot better using an external CSS file for your CSS code.This will enable a lot of flexibility and will make your HMTL code easier to read and understand.
- You can also make your image responsive by specifying its width as a percentage of its container. These a few areas of improvements. Do pay attention to the given design as well, and try as much as possible to get your design to match it.
Good luck to you, Udit.
0
Please log in to post a comment
Log in with GitHub
Join 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