Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that

Jeffrey Tuason

@Tuason066Tuason
Philippines
320Points

I am eagerly interested in learning Front-end web development.

I’m currently learning...

Vanilla JavaScript

Latest Solutions

Latest Comments

  • Solution screenshot
    • HTML
    • CSS

    Social Proof section Master

    2
    Jeffrey Tuason320 | Posted 9 days agocommented on Yous's "Social proof section" solution

    Hi, I have a suggestion for your styling.

    I noticed that your elements have the same style and you write it repeatedly. If your elements have the same styles you can write like this:

    .irene-roberts,
    .anne-wallace {
    styles...
    }
    

    so you don't need to repeat the styles over and over.

    and if they have only different margins you can write like this:

    .irene-roberts,
    .anne-wallace {
    same styles...
    }
    
    .irene-roberts {
    margin-top: 1rem;
    }
    
    .anne-wallace {
    margin-top: 2rem;
    }
    

    I also noticed that you wrote your margins like this:

    margin-bottom: 0;
    margin-left: 1rem;
    margin-top: 1.2rem;
    

    there is a shorthand property for that you can write it like this:

    margin: 1.rem 0 0 1rem;

    check out this link for more information: https://www.w3schools.com/css/css_margin.asp

    By the way, the output is very significant. Happy coding !

    0