Frontend Mentor
Popular repositories Loading
-
four-card-feature-section
four-card-feature-section Public templateA nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
-
url-shortening-api
url-shortening-api Public templateIntegrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
-
rock-paper-scissors
rock-paper-scissors Public templateThis 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.
-
insure-landing-page
insure-landing-page Public templateTest 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.
-
manage-landing-page
manage-landing-page Public templateThis challenge will be a great test for your responsive skills. There are lots of small details and slight content shifts for different screen sizes.
-
room-homepage
room-homepage Public templateThis 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.
Repositories
- recipe-page Public template
This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.
frontendmentorio/recipe-page’s past year of commit activity - social-links-profile Public template
In this small project, you'll build out your social link-sharing profile. You can even personalize it and use it to share all your social profiles!
frontendmentorio/social-links-profile’s past year of commit activity - blog-preview-card Public template
This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.
frontendmentorio/blog-preview-card’s past year of commit activity - qr-code-component Public template
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.
frontendmentorio/qr-code-component’s past year of commit activity - product-list-with-cart Public template
Practice updating the UI in multiple places based on user actions. The starter download also includes a JSON file to help you practice populating the DOM dynamically.
frontendmentorio/product-list-with-cart’s past year of commit activity - mortgage-repayment-calculator Public template
This mortgage calculator is an excellent project for practicing working with forms, client-side validation, and updating the DOM. Remember to focus on accessibility, too!
frontendmentorio/mortgage-repayment-calculator’s past year of commit activity - rest-countries-api-with-color-theme-switcher Public template
If you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.
frontendmentorio/rest-countries-api-with-color-theme-switcher’s past year of commit activity - contact-form Public template
Building accessible forms is a crucial task for front-end developers. This challenge will help you practice building a form with several input types and validation.
frontendmentorio/contact-form’s past year of commit activity - url-shortening-api Public template
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
frontendmentorio/url-shortening-api’s past year of commit activity - news-homepage Public template
This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!
frontendmentorio/news-homepage’s past year of commit activity
People
This organization has no public members. You must be a member to see who’s a part of this organization.
Most used topics
Loading…