@FLCHRIS
Posted
Hi there! βοΈ
Congrats on completing this challenge!! π₯³
Your solution is very good, but it has some bugs... π₯
Here are some tips to improve it π
HTML
Your main content should be inside the main
tag, more info here.
You must not use the h1
tag more than once. You must remember that it is only used once, and continue successively with h1, h2, ..., h6
and NOT SKIP HEADER LEVELS. More info here.
CSS
Your reset is good, but you can improve it by using some popular resets like the following π:
I recommend that you learn the BEM methodology, this methodology is a way to name the classes of the nodes of your HTML and then attack them with CSS in an easy, simple and clear way. π―π
Your code is really good π―, keep it up don't give up!!! π
I hope I've helped you π
Happy coding! π¨βπ»
Marked as helpful
@ManiNasih
Posted
@FLCHRIS Thank you very much!! and I will try to fix them!! and Thank you again!!!
@ManiNasih
Posted
@FLCHRIS But I have a question how can I use the resets ? Just copy and paste them? I might sound silly but.... I'm a beginner. and I really don't know what's css resets.
BTW I kinda fixed the class names with the BEM methodology. Thanks!!
@FLCHRIS
Posted
@ManiNasih
Do not worry brother. π
just do this: π¨βπ»
Copy the CSS and paste it into a file called reset.css
(it can be named anything you like), then add it to your HTML file as you normally would with your CSS styles: <link rel="stylesheet" href="reset .css" />
And that would be all. ππ―
So⦠why is a reset used?
Normally, web browsers add default styles to some tags, for example, button
tag, h1
to h6
, and many more; it generally gives buttons a gray background color and a darker border, and headers a margin
and font-size
, those are the styles that the browser gives them.
With the reset we eliminate them, and thus we can give styles to our interest.
And sorry for replying a little late. π₯
Marked as helpful
@ManiNasih
Posted
@FLCHRIS
Thanks!