four card feature section master

Hello ibrahim ! Congo 👏 on completing this challenge

Let's look at some of your issues, shall we:

• Add Main tag after body <main class="container"></main>

• To center the card vertically

min-height: 100vh;
display: flex;
justify-content: center
align-item: center;

• Always use h1 first and then h2, h3 and so on

• Headings should only increase by one use h1 first then h2 etc..

• Consider using h2-h6 elements to add identifying headings to all sections.

• Always use the "alt attribute" and write what img is , and if the img is for decorative then leave it empty but always add it with alt.

happy Coding😀

Hey ibrahimano good job completing this challenge. Keep up the good work

Your solution looks seemingly close to the design however I have some suggestions

• The title, description and the card headings are supposed to be in a lighter font color. I suggest referring back to the style-guide.md file just to be sure.

• In terms of the cards I think in comparison with the design they are supposed to be a bit wider.

• The paragraph below the subtitle needs some margin from the top. You can achieve this using the margin-top property.

In terms of your accessibility issues

• headings must increase by one level which means if you have a <h1> tag then the preceding tag should be a <h2> tag.

• images need alternative text. This means that your image tag needs an alternative description, you simply have to mention the alt attribute and provide a description of the image. This description will become useful to screen-readers or if the image is referenced incorrectly by giving users an insight on what the image should be

In terms of your html validation errors once you correct your accessibility errors your validation errors will be resolved.

I hope this helps

Cheers Happy coding 👍