Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
5

Jerome Haynes

@dev-romeNew York, NY330 points

Passionate self-taught web developer looking to develop my skills in the tech world. A freelance web developer who loves to bring client's visions to life. Proficient in languages such as HTML, CSS, and JavaScript.

I’m currently learning...

HTML, CSS, JavaScript, React

Latest solutions

  • Responsive Four Card Feature Section using HTML and CSS


    Jerome Haynes•330
    Submitted 11 months ago

    1 comment
  • Faq-Accordion Using HTML, CSS, CSS Flexbox and JavaScript


    Jerome Haynes•330
    Submitted about 1 year ago

    0 comments
  • Responsive landing page using HTML, and CSS


    Jerome Haynes•330
    Submitted about 1 year ago

    N/A


    0 comments
  • Responsive social links profile using CSS Flexbox


    Jerome Haynes•330
    Submitted over 1 year ago

    N/A


    1 comment
  • Responsive blog preview card using HTML, CSS, CSS Flexbox


    Jerome Haynes•330
    Submitted over 1 year ago

    N/A


    1 comment
  • Responsive Dictionary Web App using HTML, CSS, CSS Flexbox, JavaScript


    Jerome Haynes•330
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Alejandro González Osorio•330
    @Ale96Glz
    Submitted about 1 year ago

    Four Card Feature Section Tailwindcss Version

    1
    Jerome Haynes•330
    @dev-rome
    Posted 11 months ago

    Great Work

  • Flávio César•360
    @flaviocmb
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Besides flexbox, I'm proud the way I handle the images and the little details to keep the components precise and loyal to the project.

    What challenges did you encounter, and how did you overcome them?

    I've noticed the fact that we must set width to both the image and the content on the desktop version. That's because of flexbox.

    You won't get things done without understanding these:

    img, picture {
        max-inline-size: 100%; /* max-width: 100%; */
        block-size: auto;
        display: block;
    }
    

    If you use , you will have to set width for the and the .

    What specific areas of your project would you like help with?

    Found that firefox handles height differently for some components so the overall height is different from Chrome, for example.

    Feel free to comment anything. Thank you for your attention!

    Product Preview Card Component

    2
    Jerome Haynes•330
    @dev-rome
    Posted 11 months ago

    Great Work!

  • irene•120
    @irene-panis
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    most proud of semantics

    What challenges did you encounter, and how did you overcome them?

    at a point felt like my css was getting too convoluted but i made sure to consolidate it as much as possible in the end

    What specific areas of your project would you like help with?

    wasn't really sure how to implement the mobile design, i kinda got there but the padding around the img stumped me so would love pointers on how to get rid of it -- surely media queries isnt the only solution?

    Recipe page

    1
    Jerome Haynes•330
    @dev-rome
    Posted about 1 year ago

    Great Job!

  • ItachiCodes•160
    @itachidevs
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Now I'm proud of using grid layout in CSS. Next time, I am willing to try to align the items to the center without using both grid and flexbox layouts in CSS.

    What challenges did you encounter, and how did you overcome them?

    At first I'm confused at aligning all buttons to the center, anyway I learn a way to align the items to the center.

    What specific areas of your project would you like help with?

    Is there any way to align the buttons to the center using grid? I used flexbox for this.

    Social links profile using HTML, CSS.

    1
    Jerome Haynes•330
    @dev-rome
    Posted over 1 year ago

    Great Job!

  • lopDiego•40
    @lopDiego
    Submitted over 1 year ago

    fehwo

    1
    Jerome Haynes•330
    @dev-rome
    Posted over 1 year ago

    Responsive Design: Add styling inside your media query to improve the layout on different screen sizes. Accessibility: Ensure the alt attribute of the <img> tag is descriptive for screen reader users. Semantic HTML: Use more semantic elements (<section>, <article>) for better structure and accessibility. CSS Naming: Consider using English for class names (e.g., container, card, image-container) for broader understanding. Code Comments: Adding comments can help clarify the purpose of certain styles or elements. Great job so far, and keep exploring more ways to refine your work!

    Marked as helpful

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