15f about html-css-course-2022 HOT 3 OPEN

Oh no, looks like I forgot to add DOCTYPE html to many of the solutions.
Thanks for finding this! I didn't know there was a subtle difference.

For some reason if you set:

display: block;

On the image the extra space will disappear (images by default are display: inline-block;)

display: inline-block; tends to have alignment issues since it's meant to represent objects like buttons or images inside a line of text so inline-block elements will add some extra space around them as if they are inside a line of text.

It must have changed in HTML 5 to always add this extra space, although I'm not exactly sure how it works 🤷‍♂️
I'll update the solutions though

from html-css-course-2022.

    <button class="addtocart-button">
        Add to Cart
    </button>

    <button class="signup-button">
        Sign up
    </button>
</div>

from html-css-course-2022.

hir sir..can u please check my codes .. ty

from html-css-course-2022.