yeah
I already did that sort of thing once
Originally the media query was 480px and I already bumped it up because of that Issue ^^
There is only supposed to be one <header>
<h1>to<h6> should be used
i think
I'll look into the example
yes they also use a bunch of headers
ah ok - yeah i was just looking, i could be wrong again. lead to believe one thing, but not got the whole truth. i am now unclear.
https://www.w3schools.com/html/html5_semantic_elements.asp says <header> Specifies a header for a document or section. you have 1 per section, so by that definition it is fine
https://www.w3schools.com/html/html5_semantic_elements.asp says <header> Specifies a header for a document or section. you have 1 per section, so by that definition it is fine
ok
@br3ntor The functionality is part of emmet, with VS Code by default. Go to
preferences -> keyboard shortcuts and search for increment and decrement to map the commands to ctrl+ :arrow_up: / :arrow_down: https://github.com/Microsoft/vscode/issues/3776#issuecomment-372664006
If it's the issue with the scroll bar appearing, it's because of your
<code> content not wrapping.
The word-break property on your <code> elements will fix it: https://www.w3schools.com/cssref/css3_pr_word-break.asp
@bradley1492 @AJ-Brommy :arrow_up: :arrow_up: :arrow_up:
To debug overflow issues, I do:
* {
border: 1px solid black;
}
lol - I literally just found it!! I saw newmoon talking and stayed away as I wanted to solve it. Gutted we didn't solve it first haha. Well done newmoon I knew you would have the answer. I did check for such a thing earlier but must have missed it. I literally took out all the content putting it back in one tag at a time and then found it. Feels good that I found it tho.
Uncanny I do the same, but i use a red border #f00; :D
how do you include a pic like that?
you have to upload it somewhere first?
yeah i see now that because there is no spaces it makes it one long word and the default doesn't break words so it breaks out the box so to speak
I still haven't finished my tribute page lol.. I should finish up!
To add the image, I use a screen clip tool - select a portion of your screen and it goes to your clipboard. Paste in chat after that
I tried drag and drop instead - worked! coolness
Hahahahaha oh dear... you already solved yesterday!! Oh well - all good fun. I definitely learned!
I now need to go back and find the help you gave me!! lol
By the way @newmoon on the FCC version of that project they did <a><li></li></a> and apparently throws the test out if its <li><a></a></li>!!!!
@AJ-Brommy That should be bug in their HTML :) but the tests seem to pass for me with <li> as the direct child: https://codepen.io/anon/pen/rZVGWj?editors=1010
That's a fork of https://codepen.io/freeCodeCamp/pen/NdrKKL?editors=1000 with the <a><li> switched around
So going back to my Tribute issue with the padding/margin thing. Should I use *{}?
I used to do that and default things to 0. But when I read:
"// PLEASE NOTE: Adding global style rules using the selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: { color: red }, for a quick example!"
I avoided doing so. However, reading it again, I think I miss read and panic'd lol, it's just a warning to be careful with the testing.
I thought it would default all browsers to use the same. 0, or what I state it to be.
You may be thinking of something like normalize.css or reset.css - those are options to add in codepen
Settings -> CSS
They normalize the default size of all elements across browsers - but unfortunately, margins will still collapse
