Frontend Mentor Challenges
Challenge | Base | Build in | ||
---|---|---|---|---|
Order summary card | Html & CSS | Scss, GulpJS, BEM | Code | Live |
Stats preview card | Html & CSS | Scss, GulpJS, BEM | Code | Live |
3-column preview card | Html & CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Profile card | Html & CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
FAQ accordion card | Html & CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Social proof section | Html & CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Article preview component | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Four card feature section | Html, CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Base Apparel coming soon page | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Intro component with sign up form | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Single price grid component | Html, CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Ping coming soon page | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Huddle landing page with single introductory section | Html, CSS | ReactJS, Scss, GulpJS, BEM | Code | Live |
Time tracking dashboard | Html, CSS & JavaScript | ReactJS, RTL & Jest, Scss, GulpJS, BEM | Code | Live |
Tip calculator app | Html, CSS & JavaScript | ReactJS, Jest & Enzyme, Scss, GulpJS, BEM | Code | Live |
Sunnyside agency landing page | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Blogr landing page | Html, CSS & JavaScript | ReactJS, Scss, GulpJS, BEM | Code | Live |
Crowdfunding product page solution | Html, CSS & JavaScript | ReactJS, TailwindCss | Code | Live |
Interactive pricing component | Html, CSS & JavaScript | ReactJS, TailwindCss | Code | Live |
Loopstudios landing page | Html, CSS & JavaScript | ReactJS, TailwindCss | Code | Live |
Testimonials grid section solution | Html, CSS & JavaScript | NextJS, TailwindCss, Scss | Code | Live |