frontendmentor-challenges
There are 3 repositories under frontendmentor-challenges topic.
catherineisonline / rest-countries
🌎 REST Countries: A project that interacts with API to provide an in-depth look at different countries. With a color theme switcher feature and the ability to filter and search, you can easily navigate and discover new information.
Language:TypeScript 24visualdenniss / frontendmentorProjects
Compilation of frontendmentor Challenges
Language:JavaScript 10This is my solution to the Sunny Side agency landing page challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 8This is my solution to the Fylo dark theme landing page challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 7This is my solution to the news homepage challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 6This is my solution to the Huddle landing page with alternating feature blocks challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 5This is my solution to the Interactive rating component challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 5This is my solution to the Intro section with dropdown navigation challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 5This is my solution to the product preview card component challenge on Frontend Mentor. [ARCHIVED]
Language:CSS 4jen67 / Frontendmentor-challenges
This repository contains some frontendmentor.io challenges that I have worked on
Language:HTML 4amulyalovescoding / frontendmentor
All the challenges I have completed at frontendmentor.io
Language:HTML 2christophermickle / FEM-Solid-Rating
this is a repo for the creation of a front-end-mentor interactive rating component
Language:TypeScript 2lipeqalves / Interactive-rating-component
Desafio de projeto, proposto pelo site Frontend Mentor
Language:JavaScript 2adityaphasu / room-homepage
Room Homepage
Language:JavaScript 1bouchraakl / Social-proof-section-master
FrontEnd Mentor Social-proof-section-master Solution !
Language:CSS 1This is my solution to the Fylo landing page with two column layout challenge on Frontend Mentor. [ARCHIVED]
Language:HTML 1- four-card-feature
mendez-v / four-card-feature
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language:CSS 1 - profile-card-component
I built the project according to the designs provided. I added `focus-visible` and `hover` states.
Language:CSS 1 - huddle-landing-page-with-alternating-feature-blocks
mohamedKhaled89 / huddle-landing-page-with-alternating-feature-blocks
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.
Language:CSS 1 rdtabb / Bookmark.github.io
Project is finished. In this repo I work over the Frontendmentor project. Website has elements animated with Intersection Observers API. Link: https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5
Language:CSS 1- Language:CSS 0
- 3-column-preview-card
It consists of creating a container with 3 columns that must be adapted to the size of the device that displays it. It must also have a hover effect on the buttons and I changed the "focus-visible" effect a bit.
Language:HTML 0 - clipboard-landing
Users should be able to: View the optimal layout for the site depending on their device's screen size. See hover states for all interactive elements on the page.
Language:HTML 0 You can find all the challenges I have completed here.
0- huddle-introductory-section
The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.
Language:HTML 0 MR-b7r / MR-b7r.Advice-generator-app
First template with TailwindCss
Language:HTML 0- blog-preview-card
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language:CSS - fylo-data-storage-component
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language:CSS The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.
Language:CSS- order-summary-component
A perfect project for newbies who are starting to build confidence with layouts! We can see hover and focus-visible states for interactive elements
Language:CSS - qr-code-component-main
This challenge is perfect if you're new to HTML and CSS. The card layout doesn't shift.
Language:HTML - recipe-page
The challenge is to build out this recipe page and get it looking as close to the design as possible.
Language:HTML - single-price-component
In this challenge, I built out the pricing component to the designs provided. I changed the colours and the "focus-visible" status to improve accessibility.
Language:CSS This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language:HTML- stats-preview-card
This project has an optimal display, depending on the device. I have modified the default `focus-visible` state a bit and added the `hover` state to the linkable elements.
Language:CSS - testimonials-grid-section
The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.
Language:HTML
