Four card section using html and css

Community feedback

• 

  Adriano•38,330

  @AdrianoEscarabotePosted almost 2 years ago

  Hi Akinrinlola Henry, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

  If we see how the layout is behaving at higher resolutions, with the help of google dev tools, we will see that it is stretching a lot, to solve this we can use a max-width with the value we want the content to stop growing and to center use a margin: 0 auto;

  main {
      max-width: 1440px;
      margin: 0 auto;
  }
  

  <h1 id="fade"> Reliable, efficient delivery</h1>
  <h1> Powered by Technology</h1>
  

  The most appropriate in this case would be just an h1 tag! containing the two contents, to make them break a line, we can use a max-width, and for the styling we can use a span element with the content that will be changed!

  The rest is great!

  I hope it helps... 👍

  0