@joangute
@Deelite34
Submitted
Text with boldness= 700 does not look as bold as in preview. Any ideas, how could I had made it bolder, without making it blurry ,like with text-shadow?
I appreciate any suggestions on good practices, and better quality html/css I could implement ^^
@joangute
Posted
Hi, it seems you are importing your font in the wrong way. This should be the code :
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">
Then you can change the font size in your h3, do it a bit bigger or the correct way:
It is having an h1 as the main heading, because it is the only title in the only component. If the predeterminate h1 size is too big you can use CSS to do it smaller, there is no problem with that.
Marked as helpful
@Lc-Olimpio
Submitted
I've not been using the 'header' div at all on these challenges at all because the ones I did so far didn't seen to need a header, is this a problem or not a all?
@joangute
Posted
There is no problem. Since this is just a section you find in a complete website. header tag is more for an entire site or landing pages.
Marked as helpful
@BernardoHollmann
Submitted
I think I am getting the hang of it =)
I just couldn't figure out how to adjust the last 3 notifications as the rest of the layout. Its a little bit funky. Can someone please help me see what is wrong?
@joangute
Posted
Hi Bernardo, it seems not all of the 3 last notifications have that problem, it is just the Kimberly Smith notification.
You have the size of your img tags relative to the container width(max-width:50%), but since that specific notification has three elements, it gives the div with class="image" less space than the other ones and so the img tag is smaller and looks like is more to the left.
You can set up a specific max-width as 40px or any size you want and add to your 'image' class a "padding: 0 1rem". Then you can change your align-items and your justifify-content to improve the result. That will fix the problem.
Marked as helpful
@Mohamed806H
Submitted
There is overflow i couldn't fix it and i don't know how to fix it
@joangute
Posted
The overflow is for all those relative positioning you have, they are adding extra espace to the right and bottom. You should better use grid or flexbox. For example if you disable the "width:1440px" in section and add "display: flex" to the body, it will fix the horizontal overflow.
Marked as helpful
