Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7
modji
@modji

All comments

  • azka5123•190
    @azka5123
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    i welcome any feedback

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

    i welcome any feedback

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

    i welcome any feedback

    testimonials-grid-section-main with tailwind css

    #tailwind-css
    1
    modji•140
    @modji
    Posted about 1 year ago

    Great job. I had done something similar initially but with grid row of 4 and weirdly would always have a padding issue. Glad you were able to make it work and your solution looks great.

  • Carlos Oceguera•160
    @chefoce
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I was so difficult to understand css grid at the beginning but with this challenge i understand it better

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

    It was so difficult to put the cards in the right position, after reading a lot about css grid i made it

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

    I would like to see another way to approach the problem, if there is an easier solution

    Four card feature section CSS Grid

    1
    modji•140
    @modji
    Posted about 1 year ago

    Great use of the grid layout and also the ordering in your css.

  • Valeo•250
    @Thessssift
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Started to work with tailwind .

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

    Customizing Tailwind via the tailwind.config.js especially adding custom fonts . https://tailwindcss.com/docs/installation is the key .

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

    Grid template.

    Product project styling with Tailwind

    #tailwind-css
    1
    modji•140
    @modji
    Posted about 1 year ago

    Impressive use of tailwind. Found it interesting that you tried it with grid. I would suggest you look into the html element "picture". This would have allowed you to switch the image between desktop and mobile.

    Impressive job tho!!

    Marked as helpful
  • Siyad•50
    @siyad01
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Improve my responsive design skill

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

    styling list elements

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

    styling list

    Responsive Recipe Page Using HTML and CSS

    #tailwind-css
    1
    modji•140
    @modji
    Posted about 1 year ago

    Good job on the work. I would suggest trying it with tailwindcss when you get a chance, you'll spend less time writing all your css. However, keep it up!

  • anderu•230
    @anderutan
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    Social Link Profile

    #react#tailwind-css
    1
    modji•140
    @modji
    Posted about 1 year ago

    Great work!

  • Jason Vergara•80
    @JasonRavager
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I've tried to make the page as close to the design as I can, and I was also able to adjust the font size without using media queries. I also think that the hover effects are on point.

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

    The svg file will not load in Vercel app, so I had to convert it to png.

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

    I'm still getting the hang of deploying the website.

    Blog Preview Card using Tailwind CSS

    #tailwind-css#node
    1
    modji•140
    @modji
    Posted about 1 year ago

    The TailwindCSS implementation for the blog preview challenge looks great! I would say that the use of the h1 instead of h2 would probably better for semantic HTML which help improve SEO and accessibility.

    Marked as helpful
  • Brian Hammer•180
    @BrianHammer
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how the rounded edges and padding look, and figuring out how to disable dragging the image makes the component feel a lot more professional. One thing I may do differently is use two different fonts; one for the titles, and another for the text.

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

    One major challenge I had was getting the text to stay within the card component. The text wanted to stretch the card out as much as possible, and my solution is to add a fixed width to both the header and paragraph elements. This solution works for this component, but may not be reusable because the paragraph and header width would have to be edited if the size of the image has to be changed.

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

    I would like help removing the fixed width to the paragraph and header elements, and making the width of the card depend on the width of the image. Ways to reduce the number of styling classes I have would also be appreciated!

    QR Tailwind

    #tailwind-css
    1
    modji•140
    @modji
    Posted about 1 year ago

    Overall a great example on how to use tailwind-css. There's many ways to do it and your is very clean. Any reasons as to why a use of h3 instead of h1?

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

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