Skip to content
@frontendmentorio

Frontend Mentor

Improve your front-end skills by building real projects

Popular repositories Loading

  1. readme-template readme-template Public

    30 9

  2. 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 12 17

  3. 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 8 4

  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 6 13

  5. 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 5

  6. 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 6

Repositories

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

    frontendmentorio/rock-paper-scissors’s past year of commit activity
    HTML 5 5 2 2 Updated Nov 15, 2024
  • bento-grid Public template

    This challenge is perfect for testing your CSS Grid and responsive skills with this bento grid layout.

    frontendmentorio/bento-grid’s past year of commit activity
    HTML 0 1 0 0 Updated Sep 13, 2024
  • 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
    HTML 1 1 0 0 Updated Jul 17, 2024
  • 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
    HTML 0 2 0 0 Updated Jul 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.

    frontendmentorio/blog-preview-card’s past year of commit activity
    HTML 1 1 0 0 Updated Jul 17, 2024
  • 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
    HTML 0 6 0 0 Updated Jul 17, 2024
  • 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
    HTML 1 0 0 0 Updated Jul 10, 2024
  • 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
    HTML 0 0 0 0 Updated Jul 9, 2024
  • 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
    2 3 0 0 Updated May 27, 2024
  • 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
    HTML 0 1 0 0 Updated May 24, 2024

People

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

Top languages

HTML JavaScript

Most used topics

Loading…