Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
45
Comments
26
Claudia
@ClaudiaRamirezD

All solutions

  • REact tip-calculator

    #react#tailwind-css#jest

    Claudia•730
    Submitted about 2 months ago

    I've had issues with Tailwind CSS v4 and the hover: utility — there was no visual feedback when hovering. I tested the same code with Tailwind v3 and it worked as expected, but I didn’t want to go through a full migration. I'm wondering if there's a solution for this in v4. I suspect the problem might be related to all my monitors being touchscreens, which could be affecting how hover states behave.


    1 comment
  • Countries API


    Claudia•730
    Submitted 2 months ago

    1 comment
  • Mortgage calculator using React and tailwind with svg as componenent

    #react

    Claudia•730
    Submitted 3 months ago

    1 comment
  • Product list with cart

    #react

    Claudia•730
    Submitted 3 months ago

    1 comment
  • Results summary component with react

    #react

    Claudia•730
    Submitted 3 months ago

    1 comment
  • Space multi page with tailwind

    #tailwind-css

    Claudia•730
    Submitted 3 months ago

    1 comment
  • Landing page with tailwind

    #tailwind-css

    Claudia•730
    Submitted 4 months ago

    the span below the li's gave me a hard time, I ended up doing a section for mobile and for desktop but even then I didn't control them as how I would have wanted to.


    1 comment
  • Responsive page using tailwind

    #tailwind-css

    Claudia•730
    Submitted 4 months ago

    It was very difficult to control the height of the images. I never managed to do it with Tailwind, and I had to explicitly set style="height: 100%;" for it to work. I imagine I did something wrong, but I can't find the error. If anyone knows why... thanks!

    <img src="images/desktop-image-hero-2.jpg" alt="Modern multi-colored chairs" class="w-full min-h-full object-fill" style="height: 100%;">

    The parent is also h-full so I do not understand


    1 comment
  • A responsive page made with tailwind

    #tailwind-css

    Claudia•730
    Submitted 4 months ago

    1 comment
  • NFT preview using BEM

    #bem

    Claudia•730
    Submitted 4 months ago

    1 comment
  • Age calculator


    Claudia•730
    Submitted 4 months ago

    0 comments
  • E-commerce product page with modals

    #accessibility

    Claudia•730
    Submitted 9 months ago

    I am a bit confused about how to manage different layouts for varying screen sizes.


    1 comment
  • news-homepage-focused on semantics and grid

    #accessibility

    Claudia•730
    Submitted 9 months ago

    Any advice to improve is appreciated!


    1 comment
  • Contact form fully accesible

    #accessibility

    Claudia•730
    Submitted 9 months ago

    I am learning about accessibility, and I would appreciate any advice on how to improve.


    1 comment
  • FAQs accesible

    #accessibility

    Claudia•730
    Submitted 9 months ago

    I'm completely new to web accessibility. I tried to do my best, but if you see any way to improve it, please let me know!


    1 comment
  • Tip calculator js


    Claudia•730
    Submitted 10 months ago

    1 comment
  • Time tracking JS


    Claudia•730
    Submitted 10 months ago

    1 comment
  • Newsletter with js form


    Claudia•730
    Submitted 10 months ago

    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

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