Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
10
P
Natalie Smyth
@nataliesmyth

All solutions

  • Accessible news homepage built with CSS grid

    #accessibility

    P
    Natalie Smyth•340
    Submitted 7 months ago

    I am not thrilled with the the button on mid sized screens, it's not the right size but I can't seem to set the max height of the button when the screen is around 700px-1000px.


    1 comment
  • Contact form focused on accessibility

    #accessibility

    P
    Natalie Smyth•340
    Submitted 7 months ago

    I would love feedback on my JavaScript, and how I can create cleaner, more concise code.


    1 comment
  • Responsive FAQ Page built with JavaScript

    #accessibility

    P
    Natalie Smyth•340
    Submitted 8 months ago

    Any feedback is welcome! Overall, I'm pretty happy with the result.


    2 comments
  • Responsive PW Generator app using utility classes


    P
    Natalie Smyth•340
    Submitted 12 months ago

    I would appreciate any help with changing the track fill color from black to green. I've tried using background image, borders, but I haven't been able to make it dynamic.


    1 comment
  • Responsive Tip Calculator using Flexbox

    #accessibility#webflow

    P
    Natalie Smyth•340
    Submitted about 1 year ago

    I always love feedback to improve my work, I'd love feedback on the layout of the app in between the mobile view and desktop view.


    1 comment
  • Time tracking dashboard using grid


    P
    Natalie Smyth•340
    Submitted about 1 year ago

    Populating my HTML with json! I will go back to basics and come back to this project.


    1 comment
  • Responsive Article Preview Component using Flex

    #accessibility

    P
    Natalie Smyth•340
    Submitted about 1 year ago

    Right now, if you click the share button and then adjust the browser width from less 730px to greater than 730px or vice versa, the active state doesn't change to the mobile or desktop view along with the rest of the layout. I created a function to track the current browser width, but my attempts to use an if/else statement to update the active state have failed. Any tips or pointers would be greatly appreciated!


    0 comments
  • Responsive Order Summary Component


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    2 comments
  • Responsive Intro Component with Sign Up Form


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    0 comments
  • QR component using flexbox


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    1 comment
  • Responsive Advice Generator


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    2 comments
  • Responsive Interactive Rating Component


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    1 comment
  • Responsive coming soon page using flex & utility classes


    P
    Natalie Smyth•340
    Submitted over 1 year ago

    1 comment
  • Responsive Three Column Component Card


    P
    Natalie Smyth•340
    Submitted almost 2 years ago

    0 comments
  • Accessible Space Tourism site built with grid & flexbox

    #accessibility#bem

    P
    Natalie Smyth•340
    Submitted almost 2 years ago

    2 comments
  • Responsive newsletter signup page using JS and CSS flexbox


    P
    Natalie Smyth•340
    Submitted almost 2 years ago

    I am content with where it is as an MVP, but not a final draft. If anyone has any resources on styling forms, or can point me in the direction of what knowledge I'm lacking that is making this so difficult would be much appreciated.


    1 comment
  • Responsive Social Proof Section using CSS flex-box

    #accessibility

    P
    Natalie Smyth•340
    Submitted almost 2 years ago

    3 comments
  • Responsive product preview card component using CSS grid & flexbox

    #accessibility#webflow

    P
    Natalie Smyth•340
    Submitted almost 2 years ago

    1 comment
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