Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
11
Stephen Ostler
@steveostler

All solutions

  • Newsletter sign-up form with success message solution


    Stephen Ostler•210
    Submitted about 1 year ago

    I did a little research to complete this challenge but it's mainly my work (about 85%). I had to get the code for an email validation script from stack overflow. This is the only thing I do not understand in the code. Do I need to understand regex?
    Is it ok to rely on javascript validation?


    1 comment
  • Article preview component solution


    Stephen Ostler•210
    Submitted about 1 year ago

    1 comment
  • Meet landing page solution


    Stephen Ostler•210
    Submitted about 1 year ago

    How do I add the header images so they expand off the sides as the design file shows


    2 comments
  • Testimonials grid section solution


    Stephen Ostler•210
    Submitted about 1 year ago

    1 comment
  • Four card feature section solution


    Stephen Ostler•210
    Submitted about 1 year ago

    1 comment
  • Product preview card component solution


    Stephen Ostler•210
    Submitted about 1 year ago

    1 comment
  • Recipe page


    Stephen Ostler•210
    Submitted about 1 year ago

    I had an issue with the styling of the border radius on the image a the top of the page. When I added padding the border radius disappeared. I managed to fix it with the follwing code but I do not understand how this works,

     .recipe .recipe-img{
            padding: 40px 40px 0 40px;
            border-radius: 1rem;
            overflow: hidden;
        }
    
        .recipe .recipe-img img{
        border-radius: 1rem;
        }
    

    1 comment
  • Social links profile solution


    Stephen Ostler•210
    Submitted about 1 year ago

    I'm not sure how to get the required pixel dimensions out of Figma files. I'm have not used it before. The last time I did web development was nearly 10 years ago and it seemed to be all Adobe Photoshop for design files where I worked. Is there a quick introduction anywhere?


    1 comment
  • Blog Preview Card


    Stephen Ostler•210
    Submitted about 1 year ago

    1 comment
  • QR code component solution using Grid and Flexbox


    Stephen Ostler•210
    Submitted about 1 year ago

    0 comments
  • Interactive Rating Component


    Stephen Ostler•210
    Submitted almost 3 years ago

    0 comments

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