Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
2

Abieb_Guardian

@AbibGuardian50Indonesia200 points

Go on

Latest solutions

  • Responsive News Letter


    Abieb_Guardian•200
    Submitted about 2 years ago

    1 comment
  • Responsive Landing Page


    Abieb_Guardian•200
    Submitted about 2 years ago

    1 comment
  • Resposive Landing Page Using Flexbox

    #accessibility

    Abieb_Guardian•200
    Submitted over 2 years ago

    1 comment
  • Base Apparel


    Abieb_Guardian•200
    Submitted over 2 years ago

    1 comment
  • FAQ Accordion Card with CSS and JavaScript


    Abieb_Guardian•200
    Submitted over 2 years ago

    1 comment
  • Single Price Grid with flexbox


    Abieb_Guardian•200
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Revin•280
    @revin212
    Submitted over 2 years ago

    News Homepage using SASS, CSS Grid, and Vanilla JS

    #sass/scss
    2
    Abieb_Guardian•200
    @AbibGuardian50
    Posted over 2 years ago

    Hi revin congratulations for your completions on this challenge

    For your questions,you can use padding-right : 1.25rem to fix your overflowing content on the right side.

    I hope it can help

    Have A great day!

  • Aviral Sharma•220
    @aviralsharma07
    Submitted over 2 years ago

    Responsive 3 Column Preview card using Flexbox

    4
    Abieb_Guardian•200
    @AbibGuardian50
    Posted over 2 years ago

    Hi Aviral Sharma! Congrats on your achievement to complete this challenge

    Before the answer,you could read about css shorthand on border radius and @media screen rule in https://www.w3schools.com/cssref/css3_pr_border-radius.php and https://www.w3schools.com/cssref/css3_pr_mediaquery.php First,to change the border radius as screen size changes,you need to know which border you want to change. You can use this on your code @media all and (max-width: 600px) { .card1{ border-radius: 10px 10px 0px 0px; } .card2{ border-radius: 0 0 0 0; } .card3{ border-radius: 0 0 10px 10px; } }

    And then,you can delete @media all and (max-width: 1023px).

    Is there any question,please ask and correct me if im wrong Thank You!

    Marked as helpful
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

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