Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
4
Stoica Claudiu
@llr3v0ll

All comments

  • Goularte G.C•130
    @ggoulartec
    Submitted almost 2 years ago

    results-summary-component

    1
    Stoica Claudiu•300
    @llr3v0ll
    Posted almost 2 years ago

    Nice work!

    Marked as helpful
  • Meriem1551•490
    @Meriem1551
    Submitted about 2 years ago

    Interactive-rating-component

    1
    Stoica Claudiu•300
    @llr3v0ll
    Posted almost 2 years ago

    You did a great job with this challenge but there is a thing I would change.

    I would add to #submit-container and #thank-you-container width and height of 410px for the pc, in order to match the design.

  • Shubhanshi2002•10
    @Shubhanshi2002
    Submitted about 2 years ago

    QR-code-component

    1
    Stoica Claudiu•300
    @llr3v0ll
    Posted about 2 years ago

    It's not such a big deal but I would recommend changing the container width to 290px and make the image smaller to about 250px, I would also make the h1 font-size to about 1.3rem and add some margin under the paragraph to make it look nicer. Here are the changes I made to your code(the bold text is the changes I made to your code):

    1)img{

    max-width: 250px;

    }

    2).container h1{

    color:var(--Dark-blue);

    text-align:center;

    margin-bottom:1rem;

    font-size: 1.3rem;

    }

    3)@media(min-width:500px){

    .container{

    width: 290px;

    }

    } 4).container p{

    color:var(--Grayish-blue);

    text-align:center;

    margin-bottom: 13px; (You can change this)

    }

  • Dilshad mohammed•20
    @dilshadmohammed
    Submitted about 2 years ago

    Result summary page

    3
    Stoica Claudiu•300
    @llr3v0ll
    Posted about 2 years ago

    I've looked at your page and couldn't see what "divs" you were talking about , but for the button part, I've added this to the end of your CSS and it seems to be working.

    button:hover {
    cursor: pointer;
    background-image: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%));
    }
    
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub