Four card section using html and css

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... 👍