Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
66

Nick

@Nick331102760 points

I enjoyed building the projects that are offered on this site, and I want to learn as much about web development as I can. What a great resource Frontend Mentor is!

I’m currently learning...

Full Stack Development

Latest solutions

  • Flexbox/Grid/Vanilla JS


    Nick•760
    Submitted over 3 years ago

    0 comments
  • Arch Studio HTML CSS JS


    Nick•760
    Submitted over 3 years ago

    0 comments
  • Photosnap multipage website with Grid/Flexbox/JS


    Nick•760
    Submitted over 3 years ago

    0 comments
  • EasyBank Landing Page


    Nick•760
    Submitted over 3 years ago

    1 comment
  • Maker Pre-Launch Landing Page


    Nick•760
    Submitted almost 4 years ago

    2 comments
  • Office Lite Landing Page


    Nick•760
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • hyunnies•140
    @hyunnies95
    Submitted over 3 years ago

    Photosnap multi-page website | Vue.js

    1
    Nick•760
    @Nick331102
    Posted over 3 years ago

    Great job, looks very nice. Best one I have seen

  • Leonard•80
    @Leonard-O
    Submitted over 3 years ago

    This is a responsive Testimonial design done with CSS Grid

    #tailwind-css
    2
    Nick•760
    @Nick331102
    Posted over 3 years ago

    nice work. kevin powell did a recent segment about grid using this project as an example if you are looking for more clarity.

    https://www.youtube.com/watch?v=rg7Fvvl3taU&t=1438s

    I would play with your media query a bit so it breaks earlier, maybe around 800-850px.

    Marked as helpful
  • Daniel•100
    @danM51
    Submitted over 3 years ago

    primarily using Grid CSS and HTML to Layout the design

    1
    Nick•760
    @Nick331102
    Posted over 3 years ago

    nice work. kevin powell did a recent segment about grid using this project as an example if you are looking for more clarity.

    https://www.youtube.com/watch?v=rg7Fvvl3taU&t=1438s

    setting a max-width om your main container would make it responsive, and then you can utilize media queries and change your grid template areas as needed.

    Marked as helpful
  • David Maillard•375
    @DavidMaillard
    Submitted over 3 years ago

    designo-multipage-website

    2
    Nick•760
    @Nick331102
    Posted over 3 years ago

    If you have a free moment would you be able to look at my solution for this challenge? I haven't been able to get the error messages to show using JS for the form validation.

    Thank You

  • Krypton•180
    @madhusudanbabar
    Submitted over 3 years ago

    responsive stats card

    #sass/scss#bem
    2
    Nick•760
    @Nick331102
    Posted over 3 years ago

    This is the easiest way I have found for the overlay, but there are other ways try using an inset box shadow box-shadow: inset 0 0 0 1000px rgba(109, 54, 199, 0.596); you can adjust the color.

    Marked as helpful
  • Vegeta•60
    @Shyam101
    Submitted over 3 years ago

    stats preview card component

    2
    Nick•760
    @Nick331102
    Posted over 3 years ago

    This is the easiest way I have found for the overlay, but there are other ways try using an inset box shadow box-shadow: inset 0 0 0 1000px rgba(109, 54, 199, 0.596); you can adjust the color.

View more 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