Skip to content
Submitted over 2 years ago

Responsive Layout with Grid and Flexbox

Andrew Ezeani•370
@ezeaniiandrew
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

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
    @isprutfromuaPosted over 2 years ago

    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

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