Skip to content
@frontendmentorio

Frontend Mentor

Improve your front-end skills by building real projects

Popular repositories

  1. four-card-feature-section four-card-feature-section Public template

    A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

    HTML 11 14

  2. url-shortening-api url-shortening-api Public template

    Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.

    HTML 6 3

  3. rock-paper-scissors rock-paper-scissors Public template

    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.

    HTML 5 6

  4. insure-landing-page insure-landing-page Public template

    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.

    HTML 5 12

  5. manage-landing-page manage-landing-page Public template

    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.

    HTML 5 5

  6. room-homepage room-homepage Public template

    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.

    HTML 5 5

Repositories

Showing 10 of 68 repositories
  • 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.

    HTML 0 0 0 0 Updated May 24, 2024
  • url-shortening-api Public template

    Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.

    HTML 6 3 0 0 Updated May 22, 2024
  • 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!

    HTML 0 2 0 0 Updated May 21, 2024
  • ecommerce-product-page Public template

    In this challenge, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality!

    HTML 1 1 0 0 Updated May 17, 2024
  • interactive-rating-component Public template

    This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!

    HTML 0 2 0 0 Updated May 17, 2024
  • 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.

    HTML 1 0 0 0 Updated Mar 11, 2024
  • qr-code-component Public template
    HTML 0 3 0 0 Updated Mar 11, 2024
  • age-calculator-app Public template

    This challenge is designed to sharpen your JavaScript and form validation skills. Working with dates in JavaScript can be tricky, so this will be a nice test!

    HTML 1 0 0 0 Updated Mar 2, 2024
  • product-preview-card-component Public template

    This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.

    HTML 3 2 0 0 Updated Mar 2, 2024
  • results-summary-component Public template

    This challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS.

    HTML 0 1 0 0 Updated Mar 2, 2024
View all repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…