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

Nabil-Y

@Nabil-YFrance150 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

  • Todo App with TS, Sass and Vite

    #sass/scss#typescript#vite

    Nabil-Y•150
    Submitted about 3 years ago

    1 comment
  • Easybank Landing Page with React and Tailwind CSS

    #react#tailwind-css

    Nabil-Y•150
    Submitted over 3 years ago

    0 comments
  • Rest countries API with React/Tailwind

    #react#react-router#tailwind-css#vite

    Nabil-Y•150
    Submitted about 3 years ago

    0 comments
  • Social Proof Section


    Nabil-Y•150
    Submitted over 3 years ago

    1 comment
  • Huddle Landing Page


    Nabil-Y•150
    Submitted over 3 years ago

    1 comment
  • Three Column Card


    Nabil-Y•150
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • Tomas Scerbak•720
    @TomasScerbak
    Submitted over 3 years ago

    Status Card

    2
    Nabil-Y•150
    @Nabil-Y
    Posted over 3 years ago

    Hi @TomasScerbak,

    If you want to swap elements from columns in a grid, you can use the css line "order" (https://developer.mozilla.org/en-US/docs/Web/CSS/order) just like you can do in flexbox.

    Personally for this challenge, I used flex display and changed the order of the card content only for lower width screens, you're free to check my solution if you're stuck.

    And one more thing, I recommend you use the css line "object-fit" (https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) for your image so it can fill its parent div.

    Hope this can be of help.

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