Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
18
P
Hector Ramirez
@hectorlil48

All solutions

  • FAQ accordion


    P
    Hector Ramirez•450
    Submitted about 2 months ago

    I struggled to get the background image to fit properly, especially on larger screens. While I was able to make it responsive for most viewports, it still doesn’t stretch past 1440px, which makes it look cut off on ultra-wide monitors. I tried different CSS properties like background-size: cover and background-repeat: no-repeat, but I couldn’t get the desired result. I’d appreciate guidance on how to make the background image stretch consistently across larger screen sizes.


    1 comment
  • Intro component with sign-up form

    #tailwind-css#react

    P
    Hector Ramirez•450
    Submitted 2 months ago

    I’d like to get better at organizing and managing Tailwind classes in a way that keeps my code even cleaner and more maintainable. I’m also interested in learning how to customize the Tailwind configuration more effectively, like setting up custom colors, fonts, and reusable components. Any feedback on best practices for structuring React components with Tailwind would be really helpful too.


    1 comment
  • Frontend Quiz App

    #react

    P
    Hector Ramirez•450
    Submitted 4 months ago

    While I’ve made significant progress on my quiz app, there are still a few areas where I’d appreciate some guidance to improve and refine my work:

    • State Management with Context API or Redux: As the app expands, managing state across multiple components is becoming more challenging. I would love help understanding the best practices for using Context API or Redux to streamline state management and avoid prop drilling.

    • Testing the Application: I haven’t yet written tests for my app, and I’m unsure where to start. I’d like help with setting up testing frameworks like Jest or React Testing Library and writing effective tests to ensure my app works as expected.

    • UI/UX Design Improvements: While the app is functional, the design could use some refinement. I would appreciate feedback on improving the user interface and user experience, such as making it more intuitive, visually appealing, and accessible.

    • Performance Optimization: As the app grows and becomes more complex, performance could become an issue. I’d like help identifying potential bottlenecks and optimizing the app for better speed and responsiveness.

    • Deployment Best Practices: Although I deployed my app on GitHub Pages, I’d like to learn more about other deployment strategies (e.g., Netlify, Vercel) and how to set up Continuous Integration/Continuous Deployment (CI/CD) for smoother project management.


    1 comment
  • Password generator app


    P
    Hector Ramirez•450
    Submitted 7 months ago

    I want to get more practicing using the Dom and writing functions. I'm getting better at CSS, but I still want to get practice on some of the input styles and animations.


    1 comment
  • Tip Calculator App


    P
    Hector Ramirez•450
    Submitted 9 months ago

    Need more practice solving problems with JavaScript. I intend to do more problem-solving.


    1 comment
  • Time tracking dashboard


    P
    Hector Ramirez•450
    Submitted 9 months ago

    How to plan out a project better. I feel like I don't know how to properly break down a project and find out where I need to start on it.


    1 comment
  • Newsletter sign-up form with success message


    P
    Hector Ramirez•450
    Submitted 10 months ago

    I feel pretty confident in my abilities so far. I just need more hands-on practice with CSS and Javascript.


    1 comment
  • Article Preview Component


    P
    Hector Ramirez•450
    Submitted 10 months ago

    I want to know if there is a better way to code this project. I think I did a good job but it could always be better.


    1 comment
  • Meet Landing Page


    P
    Hector Ramirez•450
    Submitted 11 months ago

    I need assistance with setting a fixed background image that doesn't expand on larger screens.


    1 comment
  • Testimonials Grid Section


    P
    Hector Ramirez•450
    Submitted 11 months ago

    Maybe how animations work. But using them more in my projects will help get me a better understanding


    2 comments
  • Four card feature section


    P
    Hector Ramirez•450
    Submitted 11 months ago

    I didn't have much of a problem coding this design. I just had to learn how to use a display grid and how to make it responsive.


    1 comment
  • Recipe Page Main


    P
    Hector Ramirez•450
    Submitted 12 months ago

    I want to get better at making my projects more responsive. I want to look into the mobile-first approach.


    0 comments
  • Social-links-profile-main


    P
    Hector Ramirez•450
    Submitted 12 months ago

    I want to understand when to use responsive units and I want more practice using media queries.


    0 comments
  • Blog-preview-card-main using HTML and CSS


    P
    Hector Ramirez•450
    Submitted 12 months ago

    All feedback is welcomed!


    2 comments
  • Profile Card Component Main


    P
    Hector Ramirez•450
    Submitted about 2 years ago

    0 comments
  • Stats preview card component

    #accessibility

    P
    Hector Ramirez•450
    Submitted over 2 years ago

    0 comments
  • NTF Preview Card Component


    P
    Hector Ramirez•450
    Submitted almost 3 years ago

    1 comment
  • Order Summary Component


    P
    Hector Ramirez•450
    Submitted almost 3 years ago

    0 comments
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

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