All solutions

What are you most proud of, and what would you do differently next time?

Hello guys 👋, my name is Divine and this is my solution to the Base Apparel Coming Soon challenge on Frontend Mentor.

🛠 Built with

☑️ Semantic HTML5 markup

☑️ CSS custom properties

☑️ Flexbox

☑️ CSS Grid

☑️ Mobile-first workflow

☑️ BEM Methodology

☑️ Javascript DOM API

☑️ Javascript formData API

👨‍💻 What I learned

✔️ Javascript DOM API ✔️ Javascript formData API ✔️ Javascript form validation

This challenge was perfect practice for combining HTML, CSS, and Javascript to bring structure, design, interactiveness, and logic to a webpage. The minimalist design challenged my design implementation skills and I learned a lot and hope to continue improving. ✨

All feedback on this project solution is welcomed. Thanks 🙏

What are you most proud of, and what would you do differently next time?

Hello guys 👋, my name is Divine and this is my solution to the Interactive rating component challenge on Frontend Mentor.

🛠 Built with

• ☑️ Semantic HTML5 markup
• ☑️ CSS custom properties
• ☑️ Flexbox
• ☑️ CSS Grid
• ☑️ Mobile-first workflow
• ☑️ BEM Methodology
• ☑️ Javascript DOM API
• ☑️ Javascript formData API

👨‍💻 What I learned

• ✔️ Javascript DOM API
• ✔️ Javascript formData API

This is my first Javascript project 😜, and I learned a lot from it. I do hope, you take some time to give some feedback, I'd appreciate it. Thanks.

Hello, frontend community.👋 I present my solution for this challenge.

I had a good mindset shift while working on this solution. There’s no need to chase perfection because it simply does not exist. Instead, focusing on practice, user experience, and consistently improving your skills to achieve excellence is better.

I learned a few new things as well. I learned how to use the HTML address element tag that redirects to the email or telephone app on the device when the website's address is clicked. That’s cool haha 😊

I still have a lot to learn. Hence, I’m open to constructive criticism.

Thanks for taking the time to check this out. I appreciate 🙏

Hello there 👋, I’m Divine and this is my solution for this challenge.

Implemented slight animation with CSS keyframes 🗝 ✅

Achieved 96%/100 on the lighthouse report and PageSpeed Insights. 🚀

Tested for responsiveness ✅

🛠️ Built With:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• CSS Keyframes
• prettier - for code formatting.

I'd appreciate any reviews and suggestions on how to optimize my code and improve this project.

Thank you. 🙏

Hello guys, I've just completed the Huddle landing page with a single introductory section challenge 🎉

Built with: ⚒️

• Love ❤️ & some coffee ☕
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• BEM methodology
• Acknowledgment 🙌

Any suggestions on how I can improve are welcome!

Hello guys, I just completed the 3 Column Preview Card Component coding challenge from @frontendmentor! 🎉

Any suggestions on how I can improve are welcome!

** This challenge is built with: ⚒️

• Love ❤️ & some coffee ☕
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• BEM methodology

Hello guys, I've just completed the NFT Preview Card Component coding challenge from @frontendmentor! 🎉

Any suggestions on how I can improve are welcome!

Built with: ⚒️

• Love ❤️ & some coffee ☕
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• BEM methodology (still rusty)

Acknowledgment 🙌

To Every member of the community. cheers 🥂

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

What I learned: 😎 How to center a div container. Styling and positioning of flex items. SVG background images.

Continued development 📚 I still need to read up on the following concepts:

CSS positioning SVG in CSS Control of background images in CSS.

As simple as the UI looked, I had to take time to understand and implement it properly, to the best of my ability. 😊

This project helped me to strengthen my Grid and Flexbox skills and attention to detail.

I'm grateful that a platform like this with these resources exists. The resources here help me take a quick break from tutorials and practice the concepts I'm learning.

Look through my code. I'd be glad to implement new thought patterns, advice, etc. I'm open to constructive criticism of my work, mentorship, and collaboration.

In this project, I had to think really hard about understanding the design piece and how to structure my HTML and CSS codes. This is quite a good challenge as it helped to stretch my thought patterns on breaking down a complete challenge into sizeable chunks. I learned concepts such as CSS Grid and Flexbox properties, Css custom properties, loading custom fonts in my projects, Css variables, and custom properties.