Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Feb 01 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
AJ Brommy
@AJ-Brommy
i think the problem could be in grid-template-columns: 350px 3fr;
Christopher
@bradley1492
and the menu
oh but why?
AJ Brommy
@AJ-Brommy
3fr is 3 fractions or 3 thirds, hold on let me check the lesson again as i may be wrong.. again lol
but it doesn't make sense to me
try...
grid-template-columns: 350px auto;
Christopher
@bradley1492
hmm na it still doesn't work
AJ Brommy
@AJ-Brommy
ah man!!
Christopher
@bradley1492
what?
AJ Brommy
@AJ-Brommy
I thought we'd solved it lol
Christopher
@bradley1492
is there sort of a name for this problem, it must be a classic problem in web development
content flowing out the viewport
It's not body overflow is it?
horizontal overflow is what it is I think
AJ Brommy
@AJ-Brommy
I can't see anything wrong with the use of overflow
you are only using it on navbar anyway
Christopher
@bradley1492
oh I'm wrong I thought the problem was called horizontal overflow
like what's the name of the problem we are dealing with
in general
Do you think an element in my section is reaching out of the viewport so to speak?
AJ Brommy
@AJ-Brommy
Nope. No idea what to call it. I'm wondering if it's the margin/paddings and font sizes making something too big to go any smaller. But I can't really see anything it could be. I don't know - i am stumped lol
Christopher
@bradley1492
to be honest me too, I searched what I can search with my current knowledge, I'll leave it at that for now and maybe try to get some help here tomorrow. Thanks a ton for your time!!!
AJ Brommy
@AJ-Brommy
I feel we could both learn something here. If we could solve it. However there could be a temporary solution. If you did use another media query for min-wdht 600 and maxiwdth 725px you could shrink the left hand menu a bit. But that's not a real solution.
No worries mate. Sorry I couldn't help more, I'll tag @newmoon as is usually pretty good, quick, and helpful. Maybe @newmoon will read this and find the problem for you when the one finds time :)
AJ Brommy
@AJ-Brommy
@bradley1492 just so you know, I just did a shrink of the web browser on FCC version and it changed to mobile view about 815px. Which changes yours to do the same does defeat the problem. Not that it helps us understand the real problem. But it could a solution.
Christopher
@bradley1492
hm I think another media queri is a bit too hacky for me,
oh you mean set media query to 815px?
yeah
I'll try
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 ^^
AJ Brommy
@AJ-Brommy
by the way
There is only supposed to be one <header>
<h1>to<h6> should be used
i think
Christopher
@bradley1492
I think in theory there should be only one but if I switch I think the test will fail
I'll look into the example
yes they also use a bunch of headers
AJ Brommy
@AJ-Brommy
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
ok
Christopher
@bradley1492
ah ok
AJ Brommy
@AJ-Brommy
sorry i should have checked theirs to lol
Christopher
@bradley1492
I think the whole sectioning thing is fairly new
AJ Brommy
@AJ-Brommy
yeah html5
Christopher
@bradley1492
alright I'll be gone for now thanks for your help!! :)
newmoon
@newmoon
@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
newmoon
@newmoon
image.png
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