Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
5

Aimade

@aimdexterMorocco230 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Tailwind css

    #tailwind-css

    Aimade•230
    Submitted over 3 years ago

    0 comments
  • social proof using flexbox

    #sass/scss

    Aimade•230
    Submitted over 3 years ago

    0 comments
  • Space-Travel

    #tailwind-css

    Aimade•230
    Submitted about 3 years ago

    0 comments
  • Mobile first using Grid and Flexbox


    Aimade•230
    Submitted about 4 years ago

    0 comments
  • Mobile first using Grid and Flexbox


    Aimade•230
    Submitted about 4 years ago

    0 comments
  • Mobile first using Grid and Flexbox (scss)


    Aimade•230
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • ussraa•180
    @youssra-ghninou
    Submitted about 3 years ago

    product-preview-card-component-main

    1
    Aimade•230
    @aimdexter
    Posted about 3 years ago

    Hello ussra, Nice challenge. Clean code using tailwind, your config file is lite and everything is working very smoooooooooth. You did a good job. While it’s highly recommended that you create proper template partials for more complex components, you can use Tailwind’s @apply directive to extract repeated utility patterns to custom CSS classes when a template partial feels heavy-handed. You can check it out at the official tailwind documentation ( https://tailwindcss.com/docs/reusing-styles ). Good luck.

    Marked as helpful
  • ussraa•180
    @youssra-ghninou
    Submitted over 3 years ago

    order-summary-component-main

    1
    Aimade•230
    @aimdexter
    Posted over 3 years ago

    Well done, proud of you !!!

    Marked as helpful
  • Haytham Chhilif•75
    @Bidbogs-prog
    Submitted almost 4 years ago

    Order summary component using SASS GRID and Flexbox

    4
    Aimade•230
    @aimdexter
    Posted almost 4 years ago

    Nicely done.

  • Anderson Vallejo•320
    @Vallejoanderson
    Submitted about 4 years ago

    My first Junior Challenge

    2
    Aimade•230
    @aimdexter
    Posted about 4 years ago

    hey @Anderson Vallejo i made some changes to your code you can check it out :

    1. Live

    2. code

    3. changes : ```@media (min-width: 1440px) {

    .container__cards {

    display: grid;
    
    column-gap: 20px;
    
    grid-auto-flow: dense;
    
    grid-template-columns: repeat(4, 1fr);
    
    grid-template-rows: repeat(2, 1fr);
    
    width: 70%;
    

    }

    .card--color-violet {

    grid-area: 1/1/2/3;
    

    }

    .card--color-grayblue {

    grid-area: 1/3/2/4;
    

    }

    .card--color-white {

    grid-area: 1/4/3/5;
    

    }

    .card--color-white1 {

    grid-area: 2/1/3/2;
    

    }

    .card--color-blackblue {

    grid-area: 2/2/3/4;
    

    }

    } ```

    4. I added a new class '.card--color-white1' both in the html file and css.

    Marked as helpful
  • Nithin monnappa•10
    @NithinMonnappa
    Submitted about 4 years ago

    HTML CSS Bootstrap

    1
    Aimade•230
    @aimdexter
    Posted about 4 years ago

    Need some help?

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

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