Skip to content
OverviewSolutions
18
Comments
4

Jose Gutierrez

@joangute320 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Jose Gutierrez•320
    @joangutePosted over 2 years ago

    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
    1
  • Jose Gutierrez•320
    @joangutePosted over 2 years ago

    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
    1
  • Jose Gutierrez•320
    @joangutePosted over 2 years ago

    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
    1
  • Jose Gutierrez•320
    @joangutePosted over 2 years ago

    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
    1