Four card feature section

Community feedback

• 

  Sun•45

  @web223devPosted over 4 years ago

  Hi Akshat Shukla I checked your code. It is not recommended to give style directly in the HTML tag. You styled it directly inside the <hr> tag.

  <footer> <hr color="#333" size="1px" width="95%" style="margin: auto;"> ...

  Solution:

  1. Remove all style in <hr> tag.

  Answer:

      <footer> 
        <hr> // Remove here code.
        <p class="attribution">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
  ...
  

  2. Add style in style.css

  Answer:

  footer hr{
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #333;    
      width: 95%;
      margin: auto;
  }
  

  3

  ---

  

  Akshat Shukla•10

  @Nemesis-ASPosted over 4 years ago

  @web223dev Thanks for your feedback, I've fixed it!

  0
• 

  Joel Rocha•40

  @cortarelvaPosted over 4 years ago

  use border-radius:5px; on the cards for start and tweak the px as you prefer. Read this: https://www.w3schools.com/css/css3_borders.asp

  0

  ---

  

  Akshat Shukla•10

  @Nemesis-ASPosted over 4 years ago

  @cortarelva Thanks! that helped

  0
• 

  noga•15

  @noga-aviatorPosted over 4 years ago

  More blur, lighter color and maybe a little longer ?

  0

  ---

  

  Akshat Shukla•10

  @Nemesis-ASPosted over 4 years ago

  @nogayoutub I've tried, thanks!

  0