HTML5, CSS3, flexbox, mobile-first workflow
Solution retrospective
I had a hard time starting, since this is my first project. What I did is I started on resizing the image first before styling the other elements of the page. How will you guys start and what are the best advice you can give on starting projects?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @vanzasetia
Hello, Kiko! 👋
Congratulations on finishing your first Frontend Mentor challenge! 🎉
In addition to @EdwinSch has said earlier, I would recommend using the modern CSS reset by Piccalilli. It focuses on accessibility and is more modern than the one you currently used.
One suggestion I have is to improve the alternative text. Alternative text should not be hyphenated (like code). Also, I suggest giving more information about the QR code. This way, the users will know exactly what the QR code is doing after they scan it.
That's it! I hope you find this useful! 😊
Marked as helpful - P@EdwinSch
Hi! Congratulations on your first solution. :) About your question; there isn't really a right or wrong answer here as every project had it's own requirements. Building out a massive multipage application would have a very different approach compared to this single component. But in my overal experience: structure is the keyword. Start a project by thinking of, or sketching out, what your approach is going to be. Break down the design in a Component, Flex or Grid structure (whatever your preference) so you get a better view of how to build your layout. Logically structure any files that you will need or have recieved and last but not least; decide if you are going with mobile- or desktop first responsiveness.
Happy coding!
Marked as helpful
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