Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
7
nunu114
@nunu114

All solutions

  • Responsive stats card component using flexbox and css grid


    nunu114•100
    Submitted about 2 months ago

    In this case, is it better to add image using background-image or <img>?


    1 comment
  • Order summary component using flexbox


    nunu114•100
    Submitted about 2 months ago

    0 comments
  • Responsive testimonials grid section using CSS Grid


    nunu114•100
    Submitted about 2 months ago

    I'm still confused is what unit should i use to set the grid template.

    .main-container {
            margin: 0 auto;
            display: grid;
            grid-template-columns: 20% repeat(4, 1fr) 20%;
            grid-template-rows: 8rem 1fr 1fr 8rem;
            gap: 2rem;
    }
    

    1 comment
  • Responsive four card feature section using CSS Grid


    nunu114•100
    Submitted about 2 months ago

    1 comment
  • Responsive product preview card component


    nunu114•100
    Submitted about 2 months ago

    Is there a better way to set different images for different screen sizes? Or maybe I just need to improve the styling in css?


    1 comment
  • Recipe page using mobile-first workflow


    nunu114•100
    Submitted about 2 months ago

    Is there a better way to set the margin between elements than by adding a margin-bottom for each one?


    2 comments
  • Responsive social links profile with flex box and media query


    nunu114•100
    Submitted about 2 months ago

    Best way to make a responsive design.


    1 comment
  • Responsive Blog preview card using flex box and clamp()


    nunu114•100
    Submitted about 2 months ago

    Is there a better way to make a responsive font size without using a query other than clamp()?


    3 comments
  • QR code component solution using Flex box


    nunu114•100
    Submitted about 2 months ago

    I wanted to be comfortable using rem units and flexbox. Rem units still confuse me, even though I have already taken many lessons on them.


    1 comment

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