A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
-
Updated
Mar 2, 2024 - HTML
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
Test your layout skills with this HTML & CSS only landing page. This challenge is perfect if you're starting to get confident in laying out web pages.
In this challenge, you'll be using JavaScript to filter out jobs based on selected categories. We provide a local JSON file to help you practice working with JSON data.
Put your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states.
This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.
This small homepage challenge packs a big punch to test your layout skills. There's also a slider in there to add a JS layer for extra practice.
A perfect challenge for beginners, this project will get you working with a two column layout.
This challenge will be a great test for your responsive skills. There are lots of small details and slight content shifts for different screen sizes.
This challenge will seriously test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.
Practice building out a sign-up form complete with client-side validation using JavaScript.
Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges.
The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.
This design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.
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.
This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.
This challenge is great for beginners and offers a chance to practice basic client-side form validation.
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
A great challenge from Frontend Mentor
This project is a fun collaboration between Scrimba, Kevin Powell, and ourselves! If you like, you can follow along and watch Kevin complete the project on Scrimba. Lots to be learned!
This challenge will provide a nice test for your layout skills. If you're ready to move up from Junior challenges, this one is a great next step.
Add a description, image, and links to the challenge-project topic page so that developers can more easily learn about it.
To associate your repository with the challenge-project topic, visit your repo's landing page and select "manage topics."