Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
9

Ammar

@TruAmakku90 points

Trying to do better

Latest solutions

  • js button

    #tailwind-css

    Ammar•90
    Submitted 3 months ago

    1 comment
  • Grid, flex and less tailwindcss classes

    #tailwind-css

    Ammar•90
    Submitted 4 months ago

    1 comment
  • double flex

    #tailwind-css

    Ammar•90
    Submitted 4 months ago

    1 comment
  • perfume

    #tailwind-css

    Ammar•90
    Submitted 4 months ago

    1 comment
  • 4th challenge done

    #tailwind-css

    Ammar•90
    Submitted 4 months ago

    1 comment
  • almost

    #tailwind-css

    Ammar•90
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • Ammar•90
    @TruAmakku
    Submitted 3 months ago

    js button

    #tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 3 months ago

    The code isnt well-structured as i wanted to finish it asap and made wrong choices.

  • Yonerfy•210
    @Yonerfy
    Submitted 4 months ago

    Vite, Vue, Tailwind-css

    #vite#vue#tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 3 months ago

    Very nice, using components to keep your code organized is a very good practice. Only problem i spotted is that from 500px to md (768px) which i think is tablet, was neglected. Other than that, Great job!

  • EgorVadik•660
    @EgorVadik
    Submitted over 2 years ago

    Testimonial Grid Section using tailwind CSS

    #tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 4 months ago

    Nice! I like your organized code, with the tailwind custom colors, Very inspiring!

  • DrTr4p•80
    @MrTr4p
    Submitted 4 months ago

    Grid and flex

    #tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 4 months ago

    Beautiful! both the code and the coder :3

  • P
    NunoJDMachado•150
    @NunoJDMachado
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of putting multiple flexbox features into practice. Maybe next time I'll practice grid.

    What challenges did you encounter, and how did you overcome them?

    When resizing the browser window to test responsiveness I noticed that the cards weren't being squished identically. Some remained bigger than others. To solve that I used a combination of fixed width and min-width, which helped a lot.

    What specific areas of your project would you like help with?

    But still I notice around the tablet breakpoints that the two cards in the middle are getting more squished than the others, even though they have the same css applied. How can I fix this?

    Responsive four card layout using tailwindcss

    #tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 4 months ago

    Very nice, almost identical!

  • Nguyễn Thanh Sang•60
    @Lux0702
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how clean and responsive the layout is. The design effectively adapts to different screen sizes, with proper grid usage and flex adjustments for a smooth user experience. The styling is minimal yet effective, making the card visually appealing. The hover effect on the button also enhances the user experience.

    Product preview card - Responsive Design

    #firebase#tailwind-css
    1
    Ammar•90
    @TruAmakku
    Posted 4 months ago

    good stuff

View more comments

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

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