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

Ian

@blndcatOsaka150 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

  • QR code component


    Ian•150
    Submitted almost 3 years ago

    0 comments
  • Product Preview Component using grid/flexbox

    #styled-components#vite

    Ian•150
    Submitted almost 3 years ago

    1 comment
  • NFT Preview Card Component using TailwindCSS

    #tailwind-css

    Ian•150
    Submitted over 3 years ago

    0 comments
  • Responsive FAQ accordion card with tailwindcss and alpine.js

    #tailwind-css

    Ian•150
    Submitted almost 3 years ago

    1 comment
  • Responsive tip app using Grid and StimulusJS

    #vite

    Ian•150
    Submitted almost 3 years ago

    0 comments
  • Responsive landing page using flexbox

    #bem#vite

    Ian•150
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Lenez•480
    @lenez12
    Submitted almost 3 years ago

    Four card feature section

    #cube-css
    2
    Ian•150
    @blndcat
    Posted almost 3 years ago

    Hi Lenez,

    1. Here's my take on choosing between grid and flexbox for responsive layouts. In many cases what you can achieve with either will overlap. So in some cases it doesn't matter, however some things can be more easily implemented with one rather than the other. I learnt a lot by first using one for a layout and then trying to redo it in the other.

    I tend to use grid for the general structure (skeleton-like) layout, and flex for individual details of components (things like navigation or a row of social media icons inside a card).

    1. As for article vs div, article is actually quite a general purpose tag/container, it isn't just for news/literary articles. It can be used for elements/components that repeat on the page and are similar in structure but have different info, like people profiles, testimonials, and yes things like blog posts.

    Hope that helps!

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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