Responsive 4 cards page using CSS Grid, Flexbox ,HTML5

Community feedback

• 

  P

  kephalosk•260

  @kephaloskPosted about 2 months ago

  solid solution :) I had a look at your s/css files and saw this:

  main {
      header {
          article {
              width: 100%;
              p {
                  width: 60%;
              }
          }
      }
  }
  

  That's an over-nested structure. Avoid deep nesting in s/css. It makes the code harder to read and maintain. Better approach is to flatten the structure. This improves readability:

  article {
      width: 100%;
  }
  
  article p {
      width: 60%;
  }
  

  0