All comments

• 

  Vishakha Roy• 100

  @VishRoy

  Submitted over 1 year ago

  1. How could I Improve the responsiveness of the page ?
  2. How can I reduce the lines of code to make it more compact ?
  3. What is the right approach to build this page ?

  

  Results Summary Component

  1

  20

  

  Raissa• 50

  @RaiRaiCidade

  Posted over 1 year ago

  Hello👾

  Solving the responsiveness issue

  To improve the responsiveness of the page you could use Media Queries -- Here is the documentation of this property -- with this property you can adapt your page to diferent resolutions.

  Also you can change from absolute length units (like px, for example) to relative length units, like rem or em

  You can check more about it here

  Making the code more compact👩‍💻

  For that issue you can use variables on CSS, that way you don't have to repeat the same stuff everytime, you can use then for colors, for example.

  :root {
  --principal-color: #FFFFFF;
  }
  
  body {
  background-color: var(--principal-color);
  }
  

  With that you can reduce a lot the repeated lines of code.

  Other advice is that you use the parent and child tags dynamics in your favor to add properties that will need to be repeated in the same section, that way you don't need to call the same property enumerous times.

  Marked as helpful

  0