All solutions

Hello Frontend Mentor community! 🌟

I just wrapped up the Age Calculator App challenge and wanted to share my experience. This project was a deep dive into JavaScript, where I got hands-on with the Date object, figured out how to handle user input, and made the app respond differently based on what users entered.

Navigating through date-related challenges was tricky but rewarding. If you're curious, take a peek at my solution.

Always appreciate any thoughts or feedback.

Long time no see! :)

Hello, Frontend Mentor community! It feels great to be back after a while. Life got busy with studies, but I'm thrilled to finally submit another challenge!

This time, I took on the FAQ Accordion Card challenge. It was a fantastic journey working on this one, and I'm excited to share the results with all of you.

Challenge Overview:

The challenge involved creating a sleek and functional FAQ accordion card. I dove into the intricacies of HTML, CSS, and a bit of JavaScript to bring this interactive component to life.

🎯 Completed another challenge on @FrontendMentor

This time building a dynamic landing page with alternating feature blocks. I'm delighted with the outcome and would love to hear your suggestions to improve.

Check it out and let me know what you think!

🚀 Another challenge completed on @FrontendMentor! 💪

I'm steadily working my way through the challenges, starting with the easier ones to build a solid foundation. Excited to continue my learning journey and level up my frontend skills.

If you have any feedback or suggestions for improvement, I'd love to hear them! Let's grow together and create amazing web experiences.

🎉 Just finished another challenge on Frontend Mentor! 💪

This one was a breeze, but still enjoyable. 😊 I'm always excited to share my solutions and progress. 🚀

My goal is to complete all the challenges on Frontend Mentor. 🔥

Welcome any feedback and suggestions to enhance my skills!

💡 Submitted my solution for the 'Clipboard Landing Page' challenge!

🎉 I've designed a responsive landing page with a focus on user experience.

Your feedback is highly appreciated, as it helps me refine my skills and learn from the community. Share your thoughts! 😊

🚀 Just completed the 'Four Card Feature Section' challenge! 🎉

Check out my solution—a sleek and responsive design that beautifully showcases key features. 💡 I'm excited to receive feedback and suggestions from the community.

Let me know what you think! 😊

Just unlocked a new level of creativity with the Chat app CSS illustration challenge! 🎨 Check out my visually stunning chat app design

If you have any note or suggestion please let me know in the comments ;-)

I just finished another challenge, and I started to feel that I'm on track.

I was only focusing on HTML and CSS challenges, but now I think It's time to test my Javascript knowledge by taking those intermediate challenges.

Because I don't have access to Figma files, I had to play around with the design until I get it right, and that led to confusing in my code. But I managed to make it the right sizes.

If you have any note or suggestion please let me know in the comments.

Just finished another challenge, I have set a goal to complete all the challenges here in Frontend Mentor.

Any suggestions on how I can improve are welcome!

Who knew that building a card component for a website could be so fun and rewarding? Thanks, FrontendMentor, for the inspiration!

Any suggestions on how I can improve are welcome!

Another challenge down, another one to go! @frontendmentor never fails to keep me on my toes. But there's nothing like the satisfaction of turning their design into a fully functional website.

🚀 Mission accomplished! Just finished the Testimonials grid section challenge from @frontendmentor 🙌🏻👨‍💻 My Grid layout skills are now sharper than a samurai sword ⚔️😎 Wanna see my solution? Get ready to be amazed 👉🏻👉🏻

I faced a challenge on how to make the clickable area of the view icon take the whole space in a div. I searched a lot for that, and I found a simple solution, I just made the <a class="link-image"> to:

.link-image {
display: block;
width: 100%;
height: 100%;
}

And that did the job I wanted. Please tell me guys if that's the correct way to do it

Just finished another card component challenge, and I'm so happy with what I've learned and what I got from completing this challenge 🤩

If you have any note on my solution, please leave it in a comment.

Hi guys, I just finished Product preview card component challenge.

One thing I struggled with is how to make the image fit in the div without scratching it. But the only solution I found for that is to make the width and height of the image 100%.

Tell me guys if there is any other way make the image adjust automatically to fit in the div.

Here is my solution for the Results summary component challenge

My first solution on this platform