@OneManBanned
Posted
Hi Aisha, here is some answers and advice...
- 1 - You currently have your img inside the
span
tag and theh4
outside. It would be better if you used this structure
<li>
<img src="./assets/images/icon-success.svg" alt="" id="icon">
<p>Product discovery and building what matters</p>
</li>
And then wrap all three li
tags in a ul
tag. Although, even then the image and the text would'nt be on the same line. Because <p> is a block level element. In order to get them on the same line you could declare.
li {
display: flex;
}
-
2 - The font size is being applied to the <h1> for me.
-
3 - I think you could probably find a good tutorial on YouTube for this.
-
4 - The easiest way to link your success.html would be to take everything inside the success.html <body> tag, wrap it in a <section> tag and place it into your index.html above the closing </body> tag and then toggle display in your javascript.
-5 - A combination of linear-gradient and box-shadow are used to create this effect. (I['ve linked their mdn pages) and here is useful tool to create box shadows - link.
-
6 - The span is colored it's just a very dark blue. Try adding a brighter color.
-
7 - I would suggest completing more newbie challenges on frontend mentor. They let you concentrate on small but important details and after a few you will feel a lot more confident tackling the tougher challenges.
Hope that helps. Happy coding!!!
Brendan.
Marked as helpful
@Aishaakin
Posted
Thanks for your help and response,I will look through on your reply@OneManBanned