Design comparison
Solution retrospective
I am still learning, I found difficult looking up possible ways to format the card. The areas of code that I am unsure of, is the alignment of the card being centered.
Community feedback
- @Sujood-QureshiPosted almost 2 years ago
Hey Emanuel 🙋♂️ ….
Good job on completing the Qr code component challenge
I have some suggestions for you about your code.
index.html
-
Use <main> tag to wrap the page's main content instead of <div> tag. It will show the search engines that the particular content is essential on that page. You can read more about <main> tag here.
-
Try to define more understandable alt text inside <image> tag. It shows that your website is user-friendly. You can read more about alt text here.
-
Use the <footer> tag to wrap all the information about the author of the website instead of the <div class=” attribution”> tag. The <footer> tag defines a footer for a document or section. An <footer> element typically contains authorship information. copyright information. You can read more about <footer> tag here.
style.css
-
Try to use Flex properties or Grid properties to make your layout clean. These layout features of CSS3 will help you to make your page layout almost responsive. It will be easier to code in CSS3 using flex or grid properties as compared to using margin and padding for every single element.
-
You should read the style-guide.md file to understand what design your challenge needs
I hope you find it useful! May your front-end journey be filled with successful 😊😊
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