@Adhi-S12
Posted
Hey your solution is good, here are a few things that you can change/improve:
- If you want to make only a certain parts of the text to be bold, you <strong> tag around them. Don't use
<b>
tag as it is not semantic HTML. - Don't set height on image containers, instead use the
object-fit: cover
orobject-fit:contain
property on the image element to fit the image inside the container. - In the top of the page, you've given an height for the image container, since the image's width is 100%, there is some empty white space in the container. Also you've given a gap property which give some space, And use used margin top on the heading too, this is the reason there is so much space between the image container and the h1 heading.
- You forgot to use the fonts for
preperation-block__header
class and a few other elements.
Other than this, your solution is actually good