Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Layout with Grid and Flexbox

@ezeaniiandrew

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


  1. what alternative method can i use to create the chatbox?

2.what alternative and efficient method can I use to re-create the design?

  1. How is my BEM implementation?

Suggestions on how I can improve are welcomed

Community feedback

Ivan 2,630

@isprutfromua

Posted

Hi there. You did a good job 😎

keep improving your programming skills🛠️

your solution looks great, however, if you want to improve it, you can fix these points:

  • @import prevents parallel downloads, use <link> instead.
1. @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');
  • The universal selector (*) is known to be slow.
3. * {
  • Using height with padding can sometimes make elements larger than you expect.
48.     padding: 10px;

I hope my feedback will be helpful. You can mark it as useful if so 👍

Good luck and fun coding 🤝⌨️

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord