All solutions

👾 Hello, Frontend Mentor coding community . This is my solution for the Interactive rating component .

Feel free to leave any feedback and help me improve my solution or make the code clean!✨❤️

I would appreciate any feedback, thank you in advance!

👾 Hello, Frontend Mentor coding community. This is my solution for the order-summary-component.

Feel free to leave any feedback and help me improve my solution or make the code clean!✨❤️

👾 Hello, Frontend Mentor coding community. This is my solution for the Interactive card details form.

Feel free to leave any feedback and help me improve my solution or make the code clean!✨❤️

By far my worst submition here, code is a total mess and filling the form in small screen sizes was simply awfull, but here I am... the validation part was a headache and it sure has tons of bugs, but I learned a bit more on key related events. Also there was something that I couldn't do, the inputs when on focus are supposed to have a border with linear gradient from top to bottom, if you know how to do it please let me know. I definitely want to try this challenge again from scratch, any feedback is appreciated, I need to recover XD

👾 Hello, Frontend Mentor coding community. This is my solution for the Todo app.

Feel free to leave any feedback and help me improve my solution or make the code clean!✨❤️

👾 Hello, Frontend Mentor coding community. This is my solution for the Coding bootcamp testimonials slider.

Feel free to leave any feedback and help me improve my solution or make the code clean!

👾 Hello, Frontend Mentor coding community. This is my solution for the Room homepage.

Feel free to leave any feedback and help me improve my solution or make the code clean!

Built with:- Semantic HTML5 markup CSS custom properties Flexbox CSS Grid Mobile-first workflow

What I learned🤷‍♂️!! In this challenge, I gave everything in my HTML class, and I used only them as my CSS selectors, rather than heavily nesting my selectors.

Continued development In the future, I want to get better and quicker at designing my layout.

Useful resources✨ w3schools: CSS Background Shorthand - This reminded me of the background shorthand property. w3schools: CSS grid-area Property - This helped remember the grid-area property. CSS-TRICKS: CSS Box Shadow - This helped me understand the box-shadow property. CSS Scan: Beautiful CSS box-shadow examples - This is an amazing article with 93 box-shadow examples.

Built with: 1 Semantic HTML5 markup 2 CSS custom properties 3 Flexbox 4 BEM

What I learned!! I learned to make a rotating component.

Continued development!! I want to continue incorporating new things I learn into my FEM projects.

Useful resources MDN Web Docs: linear-gradient() - This helped me with linear-gradient.

Hey guys!

I'm back with another little Frontend Mentor challenge.. Since I took quite a long break from coding, I wanted to warm up with a more reasonable project, but I also wanted to keep it fun and interesting.

Working with different aspects of SCSS to make this project responsive was fun and I got the chance to play some more with mixin and best practices.

So, this was today's project. I recommend you try it out and I can't wait to see your solutions.

What would've you done differently?

Let me know what you think about this solution! ;)