UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge
-
Updated
Aug 14, 2021 - HTML
UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge
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.
A perfect challenge for beginners, this project will get you working with a two column layout.
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.
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.
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.
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.
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.
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 great for beginners and offers a chance to practice basic client-side form validation.
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.
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
A great challenge from Frontend Mentor
Add a description, image, and links to the frontend-challenge topic page so that developers can more easily learn about it.
To associate your repository with the frontend-challenge topic, visit your repo's landing page and select "manage topics."