Design comparison
SolutionDesign
Community feedback
- @OliCBPosted 12 months ago
A few observations:
- Make sure that your code indentation is consistent, this will make your code more readable
- Avoid using non-existent tags like a1 and a2. In this case, if you need to select a part of a sentence, use
<span class="yourClassHere">
- Your layout breaks on smaller screens and is not responsive. This is because your card has a hardcoded absolute value. This also means that on almost all screens you card is not centered. To center a div, consider giving it a
margin: 0 auto;
- The fonts used do not correspond to the design, which uses the Outfit font.
Hope this is helpful. Always keep learning and always keep coding!
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