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

Samuel Richmond

@Samuel-501190 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

  • HTML and CSS


    Samuel Richmond•190
    Submitted 9 months ago

    0 comments
  • HTML & CSS


    Samuel Richmond•190
    Submitted 9 months ago

    0 comments
  • HTML & CSS


    Samuel Richmond•190
    Submitted 9 months ago

    i would like help with the opacity color and i will really hope i can find help


    1 comment
  • HTML & CSS


    Samuel Richmond•190
    Submitted 9 months ago

    1 comment
  • HTML & CSS


    Samuel Richmond•190
    Submitted 9 months ago

    0 comments
  • HTML AND CSS


    Samuel Richmond•190
    Submitted 9 months ago

    paddings and margins including positions


    0 comments
View more solutions

Latest comments

  • Ademuyiwa•200
    @codingat17
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    Need suggestions on how to make the last section fit the length of the grid.

    Landing page using flexbox and grid

    2
    Samuel Richmond•190
    @Samuel-501
    Posted 9 months ago

    Have you tried putting that section in a seperate pseudo class and out of the grid of the others and manupilating the text so it has a height similar to the one on the other side

    Marked as helpful
  • Tuna Erten•430
    @tunaerten
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I struggled quite a bit with styling radio buttons and checkboxes, but after some research, I think I’ve figured it out. Other than that, I didn’t face many challenges. I realize now that I should plan and write the error messages in the initial HTML structure next time. Since I didn’t do that, I had to rewrite the code from scratch. Nevertheless, it was an enjoyable project. I’d appreciate any advice you can offer!

    Contact-Form

    2
    Samuel Richmond•190
    @Samuel-501
    Posted 9 months ago

    I also had some problems on grid display and also with the divs

  • luis Colina•270
    @Silkiercomet
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I applied new grid concepts to make the layout responsive. Instead of using grid areas like I normally do, I decided to use grid template columns and assign the amount of space each element should take.

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

    It was a challenge to manage the layout state of the inputs and the error messages when an error occurred, I thought of using siblings selector but for certain cases it was cumbersome, so I just added a special class to every input and changed the style of both the input and the error message to appear in case of an error

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

    I think I did a good enough job in the JS part of my project but I would like to hear if I could have done it any better

    Contact Form | CSS, HTML

    #bem
    2
    Samuel Richmond•190
    @Samuel-501
    Posted 9 months ago

    I absolute love your application of css in this code it's really wonderful

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