Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 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
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
r2d2
@UsamaHameed
@sorinr
I have got 5 flex-items, I have set the width of each to 20vw. No margins or padding. They should fit on one line right?
Sorin Ruse
@sorinr
@UsamaHameed give me 5min. have to finish something. i think i got what u mean. you have only 4 on a row instead of 5. right?
r2d2
@UsamaHameed
Yes @sorinr
Jamestrey
@Jamestrey
Hey guys brand new to this room just wanted to introduce my self. Still a baby learning to walk in front end, and I am so thankful for this room!
Sorin Ruse
@sorinr
@UsamaHameed you can try it like:
.flex-item {
  min-height: 50vh;
  font-size: 5em;
  flex-basis: 20%;
}
r2d2
@UsamaHameed
@sorinr Okay it worked. i used flex-basis: 20vw; but when I reloaded the page after saving, it is back to 4 elements per row.
@Jamestrey Welcome. Good to have you hear.
blob
After reloading the page, I got this
blob
It is set to auto-update. I don't know why is this happening.
Changed to flex-basis: 20% and got this
r2d2
@UsamaHameed
blob
Changed back to flex-basis: 20vw and the layout does not change as expected.
Sorin Ruse
@sorinr
@UsamaHameed here is the forked example
r2d2
@UsamaHameed
blob
But when I reload without changing any thing, the layout is back to 4 divs per row
blob
It works sometimes and then it does not :confounded:
@sorinr I just forked the codepen you sent me. it is back to 4 divs per row :/
I think there is something wrong with codepen @sorinr
Sorin Ruse
@sorinr
@UsamaHameed here what i get with that pen:
Screenshot from 2017-01-12 09-51-10.png
abhijith shenoy
@shenoyabhijith
status bar
has a gap
how to remove the default padding
Sorin Ruse
@sorinr
@shenoyabhijith make h1{ margin: 0;}
abhijith shenoy
@shenoyabhijith
worked!
thanks @sorinr
CamperBot
@camperbot
shenoyabhijith sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1071 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
@shenoyabhijith welcome
abhijith shenoy
@shenoyabhijith
:+1:
how can i just move the text
without effecting the block
abhijith shenoy
@shenoyabhijith
i want some padding around the weather app

padding

Sorin Ruse
@sorinr
@shenoyabhijith you can add text-align: center; to your h1
@shenoyabhijith if you want it centered ofc
abhijith shenoy
@shenoyabhijith
okay
how to make secondary block go behind content
Avinash camma
@avinashcamma
hey do we get feedback? on our project from freeCodeCamp?
Sorin Ruse
@sorinr
@shenoyabhijith add position: relative; to .content
Avinash camma
@avinashcamma
Any one?
Sorin Ruse
@sorinr
for?