Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @FelixCriollo

    Posted

    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

    1
  • @FelixCriollo

    Posted

    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.

    0