My challenges solutions from Frontend mentor site
- 🔵 Newbie
- 🟢 Junior
- 🟠 Intermediate
- 🔴 Advanced
- ⚫ Guru
HTML CSS JS
➡ view challange: Room Homepage
➡ view my solution: repository - live demo
- 📝Your challenge is to build out this e-commerce homepage and get it looking as close to the design as possible.
To do this challenge, you need a basic understanding of HTML, CSS and JavaScript.
HTML CSS
➡ view challange: 3-column preview card component
➡ view my solution: repository - live demo
- 📝Your challenge is to build out this 3-column preview card component and get it looking as close to the design as possible.
To do this challenge, you need a basic understanding of HTML and CSS and responsive design.
HTML CSS JS
➡ view challange: E-commerce product page
➡ view my solution: repository - live demo
- 📝Your challenge is to build out this e-commerce product page and get it looking as close to the design as possible.
To do this challenge, you need a good understanding of HTML, CSS and JavaScript.
HTML CSS JS
➡ view challange: Newsletter sign-up form with success message
➡ view my solution: repository - live demo
- 📝Your challenge is to build out this newsletter form and get it looking as close to the design as possible.
This will test your skills with basic form structure, validation, and submission. The success state will also be an excellent opportunity to work with DOM manipulation.
HTML CSS
➡ view challange: QR code component
➡ view my solution: repository
- 📝Your challenge is to build out this QR code component and get it looking as close to the design as possible.
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.