All solutions

Greetings, Frontend Mentor coding community! I am pleased to share with you my solution for the Interactive Comments Section.*

I have created an interactive comments section using CSS Grid and Flexbox, along with JavaScript, React.js, and BEM. This project is aimed at enhancing my React skills as a beginner and taking them to the next level. I hope you find my code useful and appreciate any feedback or suggestions, including any refactoring you may do, such as creating a Button Component. Unfortunately, some features, such as the edit button and delete popup, are missing because I have yet to learn how to lift up the state. Therefore, I plan on diving deeper into React to learn more and hopefully implement these features in the future.

I hope you find my code useful and appreciate any feedback or suggestions 😄🙌🏻

Hello 🙋🏻‍♂️, Frontend Mentor coding community. This is my solution for the News Homepage.

As always I added some features: -I make the background blur of the navigation on phone screens using backdrop-filter this is a convenient property that creates a very nice-looking background. -I changed the tablet portrait layout from grid 3-cols to grid 2-cols and this ended up with an amazing look.

I hope guys like it, and happy to hear any feedback

Hello 🙋🏻‍♂️, Frontend Mentor coding community. This is my solution for the 3-Column Preview Card.

I added some features:

• I create a rotating card effect.
• Use linear-gradient on the back side.
• Some custom design improvements.

Happy to hear any feedback and advice!

Hello 🙋🏻‍♂️, Frontend Mentor coding community. This is my solution for the 3-Column Preview Card.

I added some features:

• I added images on the background of the cards.
• I create a nice animation on background images.
• Some custom design improvements.

Happy to hear any feedback and advice!

Hello 🙋🏻‍♂️, Frontend Mentor coding community. This is my solution for the Stats preview card component.

I added some features:

• I added animation on texts(stats numbers and titles).
• I create a very unique linear gradient background.
• Some custom design improvements.

Happy to hear any feedback and advice!

Hello 🙋🏻‍♂️, Frontend Mentor coding community. This is my solution for the NFT card component with some cool Animation

I added some features:

• I added animations to text, icon, and buttons
• I make it fully responsive on all devices

Happy to hear any feedback and advice!

Hello, Frontend Mentor coding community. This is my solution for the NFT card component with some cool Animation.

I added some features:

• I added animations to Image, Title, Paragraph, and User Box
• I make it fully responsive on all devices

Happy to hear any feedback and advice!

Feedback welcome!

Feedback welcome!