Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
1

Derek Harnett

@harnettdChilliwack, British Columbia, CANADA160 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

  • Ping-coming-soon-page with client-side data validation

    #bem#sass/scss

    Derek Harnett•160
    Submitted 6 months ago

    Nothing specific. This project was a little easier than the last one that I submitted. I received some excellent feedback on that one that I was able to incorporate into this one.


    1 comment
  • Intro component signup form with client-side validation

    #smacss#sass/scss

    Derek Harnett•160
    Submitted 7 months ago

    To implement client-side data validation, I attached an event listener to the submit button whose first line was

    event.preventDefault();
    

    Then, I checked all four inputs for valid data. If all data was valid, I logged a message to the console. But, in a real web app, I'm guessing that, after validating the data, I would submit a post request to the intended server using axios (or something else). Does this sound right?


    2 comments
  • Profile card component using Gulp

    #bem#gulp

    Derek Harnett•160
    Submitted 7 months ago

    I'd love to know if there's a better way to deal with the positioning of the background images.


    1 comment
  • Recipe card using CSS Flexbox and Grid

    #bem#sass/scss#smacss

    Derek Harnett•160
    Submitted 10 months ago

    As I noted in the project README, I treated this project as a refresher exercise. I don't think that there's anything specific that I need help with.


    1 comment
  • Social Proof Section using SMACSS

    #smacss#sass/scss

    Derek Harnett•160
    Submitted almost 2 years ago

    0 comments
  • Single Price Grid Component using CSS Grid

    #sass/scss

    Derek Harnett•160
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Derek Harnett•160
    @harnettd
    Submitted about 2 years ago

    Order summary using BEM

    #bem#sass/scss
    1
    Derek Harnett•160
    @harnettd
    Posted about 2 years ago

    Having seen the solution-design comparison, it seems I have some work left to do in positioning the background-image.

    7-11-2023 Edit: I managed to fix my background-image issues with

    .page {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    }
    

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