Frontend Mentor Challenges

Frontend Mentor is a website where you can practice and improve your web development skills by working on real projects. They offer a variety of challenges that simulate actual scenarios, making it a great way to learn and grow as a frontend developer.

Beginner Challenges

QR Code Component

Thumbnail for QR Code Component

A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

3 Column Preview Card

Thumbnail for 3 Column Preview Card project

This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.

Single Price Grid Component

Thumbnail for price grid project

In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.

Order Summary Component

Thumbnail for order summary project

A perfect project for newbies who are starting to build confidence with layouts!

Beginner Responsive Challenges

Product Preview Card

Thumbnail for product preview- card

This is my first attempt at using SASS to style and organise my CSS.

Four Card Feature

Thumbnail for 4 card feature project

2nd attempt with SASS. I felt that things progressed a lot faster this time and I'm starting to see how this will be useful with larger projects.

challenge 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum aut veniam dolore eius recusandae dolores doloremque nemo

challenge 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum aut veniam dolore eius recusandae dolores doloremque nemo