Four card feature section using HTML and CSS

Hey, really nice work on this one. Just saw the site and it looks really great at desktop and mobile view and it is responsive as well which is really nice.

For some suggestions, here are some:

• If you zoom out on your screen, you will notice that the layout is not being centered vertically properly. You can add justify-content: center on the body tag so that it will be centered, also, you don't need the flex-direction: column on the body since you only have a single child on it. If you remove this, just use align-items: center ( though I know you already know this :> );
• For this one, you could just use a main tag and remove the header tag. Usually, a primary header will only contain the top-most part of the site, including the website-logo, navlinks and other controls. On this one, the text that the header is wrapping is just the hero-text of the site, making it a part of the main tag.
• Each of the icons on the card are only acting as decorative image. Decorative images should be hidden for screen-reader at all times by using alt="" and aria-hidden="true" to the img tag or only aria-hidden="true" if you are using svg instead of img tag.

Just those ones since the sites looks really great from the start. Again, great job on this one.