Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
28
Comments
2
Felix Criollo
@FelixCriollo

All comments

  • Nnenna Miriam Udefi•300
    @Nnenna-udefi
    Submitted over 3 years ago

    Testimonial-grid-section-column

    #accessibility
    3
    Felix Criollo•575
    @FelixCriollo
    Posted over 3 years ago

    Good job 🚀 🚀

    In .container you could also use grid-template-areas for easier the grid layout For example:

    @media screen and (min-width: 800px)
       .container {
           display: grid;
           grid-template-areas:
                 "pur pur gray w1"
                 "w2 dark dark w1";
           gap: 16px;
           margin: 0 5% 0 5%;
           padding: 1.2rem;
       }
    

    And then change each .badges(n) adding grid-area: pur; (for example)

    More info about grid-template-areas

    Happy coding :3

    Marked as helpful
  • Avatarfreak•655
    @avatarfreak
    Submitted almost 4 years ago

    Mobile first, CSS, Grid, flex box, javascript

    4
    Felix Criollo•575
    @FelixCriollo
    Posted almost 4 years ago

    Very good! 💪 You could put 'background-cover: 100% 60%;' in the body for the high resolution monitors. It is very something very miniscule, because in itself your design is well achieved.

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