Results Summary Component with pure HTML, CSS Bonus: JavaScript-JSON

Community feedback

• 

  Daniel Muri•440

  @dmuriPosted about 1 year ago

  Well done!

  I have some small suggestions to improve responsiveness for smaller displays.

  1. Remove height and width property from .main and let flexbox do the layout for you
  2. Add a media query for .main with flex-direction

  The CSS would look something like this

  .main {
      display: flex;
      flex-direction: row;
      box-shadow: 10px 10px 30px #342eea31;
      border-radius: 25px;
      background-color: white;
  }
  
  @media (max-width: 800px) {
      .main {
          flex-direction: column;
      }
  }
  

  Happy coding!

  Marked as helpful

  0