Try using more descriptive names for classes or comments so you can easily recognize purpose of styles and they can be reused

Not sure if this is why the images are not showing, the path is not correct

Did not see this class in stylesheet maybe that is why it doesn't appear as you expect.

Same as b2, so streamline your stylesheet by removing one and using same class in index

If you float these divs left and use the width as calc(33%- marging width*2) you will fulfil the requirement as per assignment. You can even use it in the other sections

These headings may be a bit small, try h3 or h4

You can add some padding to the button

This section is well structured to handle the multiple elements in each card, an alternative to the div for the grey box was a button.

Overall clear and well formatted, some comments on the classes to indicate where they will be applied would be helpful, if reusing code at a later time

I think this could have been left as a section and only the part with Copyright information be placed in the footer.

Could these have been placed in one div, class="wrapper-article centerize"

Path given will not cause image to be displayed, images should be in a folder, so path would be "foldername/imagename.type"

Use a filename that gives developer an idea of what image is

Use text that describes the image

You have excellent points but it seems like a lot of reading, consider reducing number of points.

Did you mean use three colours to create levels of importance, or font size. You can specify for the reader.

This point can be combined with the one above since solution is the same

Nice complimentary border colour

Ideal font size

This background is nice, a shade closer to accent colours would be more impactful visually.

Good accent color that goes with border

Make the content fit a wider area so the user doesn't have to scroll down as much. Even though there are links the user may not want to click on too many.

Recall from Week 3 notes that you can specify how elements within a class will be styled. The example given was, .hotdog p {...}, will style all paragraph elements in the hotdog class as given in the {}. Try using this for the different headings in card three and add padding to position them on the card

This is repeated

image not specified

This is repeated

You can simply use margin: 50px to shorten code whenever all sides are the same

Border radius property will change the image to circular

Alt tag should contain information describing image

Having all of these as H4 will not allow individual styling. Try enclosing each in a span or button tag then you can add background colour to each.

Use of comments to indicate which div you are closing, would help you if you need to review your code

This was a good use of a button, to add style to the text, as well as to match the meaning of the text 'watch video" which may require user to click on something

make sure to add alt tag

Perhaps small tag could have been used for a smaller amount of text placed on a separate line instead of an entire paragraph for the sake of readability.

Good use of indentation

A few mistakes in content, typos, make sure to review before publishing

Good use of ordered list

Good use of header and footer tags

I think this comment should be visible, not a comment so the person reading the site can read it and be logged in when they are trying to contact you

This was well written in that you paid attention to indenting and making sure it was readable.