Design comparison
Solution retrospective
This project does make me realize that I'm still lacking the design skill. When I first looked at the recipe page, I thought of a layout in my head. However, when putting the idea that I had into practice, I struggled so hard to kind of make the card to align center of the web page which I eventually completed it but took quite sometime. What I learned from this project is to practice more on the layout and how to implement it in a better way.
What challenges did you encounter, and how did you overcome them?As I already mentioned, the only challenge that I faced was to think of the layout in a more structured way.
Community feedback
- @arnoldpam11Posted 2 months ago
Hello Iceish96! You did a great job on this project. It really shows how dedicated you are to learning web development. However, there's still room for improvement. While reviewing your project, I noticed that you used an internal CSS stylesheet, which is considered bad practice. Additionally, avoid using pixels and fixed widths/heights for layouts, as this can make your design non-responsive on smaller screens. Instead, use em, rem, and max-width/height. You can learn more about responsiveness here: https://bit.ly/47xg8R2
Moreover, I recommend using HTML semantics, as it's a good practice compared to using generic div elements. Lastly, you're doing great—keep it up!
Marked as helpful0@Taninwat-55Posted about 2 months ago@arnoldpam11 Thank you so much, Arnold! This was one of the very first projects I started learning from, and I’ll definitely take your feedback into account to improve on the next one.
1
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