All solutions

Hi! 👋, Frontend Friends.

I've just completed a front-end coding challenge. This is my solution for the Testimonials Grid Section Solution Using CSS Grid Layout.

🛠️ Built With:

• Semantic HTML5 markup
• BEM
• Flexbox
• CSS Grid
• Mobile First Approach

📦Features:

• Responsiveness (Mobile/Tab/Laptop/Desktop).

🔖What I am learned:

• BEM
• CSS Flexbox & Grid. Link

💡Any suggestions on how I can improve are welcome!

😊I'll be happy to hear any feedback and advice! Thank you.

Hi! 👋, Frontend Friends.

I've just completed a front-end coding challenge. This is my solution for the Social Media Dashboard with Theme Switcher.

🛠️ Built With:

• Semantic HTML5 markup
• SASS/SCSS
• Node.JS
• GULP.JS
• Vanilla JS
• Mobile First Approach

📦Features:

• The user indicates their preference through an operating system setting (e.g. light or dark mode) or a user agent setting.
• Responsiveness (Mobile/Tab/Laptop/Desktop).
• Toggle button for custom Theme Change.
• Hover Effects
• Animations

🔖What I am learned:

• Level Up SCSS & JS
• Toggling Button Link
• prefers-color-scheme. Link
• Window: localStorage property. Link
• CSS Flexbox & Grid. Link

💡Any suggestions on how I can improve are welcome!

😊I'll be happy to hear any feedback and advice! Thank you.

Hi! 👋, Frontend Friends.

I've just completed my first front-end coding challenge. This is my solution for the QR Code Component.

🛠️ Built With:

• Semantic HTML5 markup
• SASS/SCSS
• Node.JS
• GULP.JS
• Mobile First Approach

📦Features:

• Responsiveness (Mobile/Tab/Laptop/Desktop).

🔖What I am learned:

• Level Up SCSS
• CSS Flexbox & Grid. Link

❓Questions for the community:

• I have a question about best practices. Is the Flexbox best layout module to design flexible responsive layout structure?

💡Any suggestions on how I can improve are welcome!

😊I'll be happy to hear any feedback and advice! Thank you.