CUTCODEDOWN
Minimalist Semantic Markup

Welcome Guest
Please Login or Register

If you have registered but not recieved your activation e-mail in a reasonable amount of time, or have issues with using the registration form, please use our Contact Form for assistance. Include both your username and the e-mail you tried to register with.

Author Topic: FlexBox Stripes  (Read 1200 times)

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
FlexBox Stripes
« on: 11 Feb 2021, 10:53:23 am »
Just when I think I have this sussed out, I encounter a problem!

 myPen

I can not seem to get the flexes to go to 100% of my browser window!

What have I missed/don't understand? Help... Please...
« Last Edit: 11 Feb 2021, 11:03:32 am by GrumpyYoungMan »
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: FlexBox Stripes
« Reply #1 on: 11 Feb 2021, 11:35:24 am »
Fixed :)
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

coothead

  • Sr. Member
  • ****
  • Posts: 391
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: FlexBox Stripes
« Reply #2 on: 11 Feb 2021, 11:37:01 am »
Quote from: GrumpyYoungMan
I can not seem to get the flexes to go to 100% of my browser window!

I can see nothing wrong with it when looking
at it with Firefox or Vivaldi on Linux Mint.

coothead
~ the original bald headed old fart ~

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
[FIXED] FlexBox Stripes
« Reply #3 on: 11 Feb 2021, 11:52:24 am »
Quote from: GrumpyYoungMan
I can not seem to get the flexes to go to 100% of my browser window!

I can see nothing wrong with it when looking
at it with Firefox or Vivaldi on Linux Mint.

coothead
You probably looked after I updated the pen and BEFORE I posted here... SORRY!!
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

coothead

  • Sr. Member
  • ****
  • Posts: 391
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: [FIXED] FlexBox Stripes
« Reply #4 on: 11 Feb 2021, 12:01:22 pm »
Quote from: GrumpyYoungMan
You probably looked after I updated the pen
and BEFORE I posted here... SORRY!!

Yes that is true.  :)

I believe  that this is commonly  known as
being "betwixt and between"8)

coothead
~ the original bald headed old fart ~

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: [FIXED] FlexBox Stripes
« Reply #5 on: 11 Feb 2021, 01:53:49 pm »
Quote from: GrumpyYoungMan
You probably looked after I updated the pen
and BEFORE I posted here... SORRY!!

Yes that is true.  :)

I believe  that this is commonly  known as
being "betwixt and between"8)

coothead
🤪😂😂😂😂😂


I do always try to fix my own issues / I don’t just wait for you....
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: FlexBox Stripes
« Reply #6 on: 12 Feb 2021, 03:49:09 am »
For some reason, it was the justify-content and the align-items causing the background colours not to stretch to the full viewpoint... I just removed those out the main tag CSS style.
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

Jason Knight

  • Administrator
  • Hero Member
  • *****
  • Posts: 1054
  • Karma: +188/-1
    • CutCodeDown -- Minimalist Semantic Markup
Re: FlexBox Stripes
« Reply #7 on: 4 Mar 2021, 04:18:05 am »
This is why I dislike setting flex on body.

And since I usually have a dummy DIV there for scrolling so that modal dialogs don't end up with two scrollbars, it's not like I don't have an existing target for it.
We are all, we are all, we are all FRIENDS! For today we're all brothers, tonight we're all friends. Our moment of peace in a war that never ends.

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: FlexBox Stripes
« Reply #8 on: 4 Mar 2021, 04:35:27 am »
This is why I dislike setting flex on body.

And since I usually have a dummy DIV there for scrolling so that modal dialogs don't end up with two scrollbars, it's not like I don't have an existing target for it.
So we don’t have to use the html tags such as header, footer, main and section? It is still okay to use Divs?
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

coothead

  • Sr. Member
  • ****
  • Posts: 391
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: FlexBox Stripes
« Reply #9 on: 4 Mar 2021, 07:25:05 am »
Quote from: GrumpyYoungMan
So we don’t have to use the html tags such as header, footer, main and section?
It is still okay to use divs?

  • You don't have to use that selection
  • Yes it' still OK

I can see nothing wrong with using...
Code: [Select]
<div id="header"></div>

 <div id="main-content"></div>

 <div id="footer"></div>

You can, of course, also go to the mothership
for more detailed comments.  ;D

So what's wrong with HTML 5?

coothead
~ the original bald headed old fart ~

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: FlexBox Stripes
« Reply #10 on: 4 Mar 2021, 07:31:55 am »
Quote from: GrumpyYoungMan
So we don’t have to use the html tags such as header, footer, main and section?
It is still okay to use divs?

  • You don't have to use that selection
  • Yes it' still OK

I can see nothing wrong with using...
Code: [Select]
<div id="header"></div>

 <div id="main-content"></div>

 <div id="footer"></div>

You can, of course, also go to the mothership
for more detailed comments.  ;D

So what's wrong with HTML 5?

coothead
Thanks again  coothead for that, I just want to do it in the right way...  if you know what I mean?

Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

coothead

  • Sr. Member
  • ****
  • Posts: 391
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: FlexBox Stripes
« Reply #11 on: 4 Mar 2021, 09:41:32 am »
Quote from: GrumpyYoungMan
I just want to do it in the right way...  if you know what I mean?

Nothing at all wrong with that, as long as you make certain that
you never ever join  this infernal group...



coothead
~ the original bald headed old fart ~

GrumpyYoungMan

  • Hero Member
  • *****
  • Posts: 792
  • Karma: +8/-0
    • Grumpy Young Man
Re: FlexBox Stripes
« Reply #12 on: 5 Mar 2021, 02:00:25 am »
Quote from: GrumpyYoungMan
I just want to do it in the right way...  if you know what I mean?

Nothing at all wrong with that, as long as you make certain that
you never ever join  this infernal group...



coothead
Hopefully this forum will keep me on the straight and narrow, even though sometimes I feel it’s a case of trying and falling old dogs and new tricks...
Trying to learn a new trick to prove old dogs can learn new ones...

Total Novice have-a go Amateur Programmer - not sure that is the right thing to say... but trying to learn...

 

SMF spam blocked by CleanTalk

Advertisement