Design comparison
Community feedback
- @NaveenGumastePosted almost 3 years ago
Hay ! quinton Good Job on challenge
These below mentioned tricks will help you remove any Accessibility Issues
-> Add Main tag after body
<main class="container"></main>
-> Learn more on accessibility issues
If this comment helps you then pls mark it as helpful!
Have a good day and keep coding 👍!
Marked as helpful1 - @JRS-DeveloperPosted almost 3 years ago
Hello about the font bold, you need to add the font weights that you want in the link of google fonts. Replace the line 8 of your code with this:
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet" />
In the wght@ notice that in your code it is only 200, you need to put 400 and 700.
Marked as helpful1@Spades01Posted almost 3 years ago@JRS-Developer thank you so much! I will make the changes immediately.
0@JRS-DeveloperPosted almost 3 years ago@Spades01 Ok, and about the "padding", it is not padding, it is margin, and to solve it, to the first paragraph, the one that has the class "text", put in your css this:
.text { // My other css. margin-bottom: 0; }
Marked as helpful1
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