Minimalist portfolio website

This is a solution to the Mininalist portfolio webiste on Frontend Mentor

Table of contents

The challenge

Users should be able to:

  • View the optimal layout for each page depending on their device's screen size
  • See hover states for all interactive elements throughout the site
  • Click the "About Me" call-to-action on the homepage and have the screen scroll down to the next section
  • Receive an error message when the contact form is submitted if:
    • The Name, Email Address or Message fields are empty should show "This field is required"
    • The Email Address is not formatted correctly should show "Please use a valid email address"

Design preview

Design preview for the Minimalist portfolio website coding challenge

Links

Built with

  • Next.js - React framework
  • Sass custom properties
  • Flexbox

Author