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

Kevin Bautista

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

  • news homepage with tailwind


    Kevin Bautista•40
    Submitted about 2 years ago

    0 comments
  • product preview card using tailwind

    #tailwind-css

    Kevin Bautista•40
    Submitted about 2 years ago

    0 comments
  • Result Summary Component with tailwind

    #tailwind-css

    Kevin Bautista•40
    Submitted about 2 years ago

    0 comments

Latest comments

  • anneelv•10
    @anneelv
    Submitted about 2 years ago

    Next js framework with Tailwind CSS

    #next#tailwind-css
    2
    Kevin Bautista•40
    @henixK
    Posted about 2 years ago

    When it came to handling the images, my approach was to place both of them inside an image container. To ensure the mobile image is only visible on mobile devices, I used the md:hidden class to hide it by default, and then applied the block class to display it properly. Conversely, for the second image, I reversed the process. Initially, I applied the hidden class to hide it, and then used md:block to make it visible on medium-sized screens and above.

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