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
Rob
@PGFracing
how do i get rid of the white space between the left big video and the right videos? www.pgfracing.com/newsite.html ?
mpmaan
@mpmaan
<div class="row"><div class="col-md-6"style="padding-left: 0px; padding-top: 10px; padding-right: 10px;> there is no closing " for the style tag
are you using some framework?
Rob
@PGFracing
mmm I got rid of that should look like this now
<div class="main-container">

        <!-- ROW 1 HEADER -->
        <div class="header-container">
            <div class="row">
                <div class="col-6">
                    <div class="embed-responsive embed-responsive-16by9">
                    <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                    </div>
                </div>    

                <div class="col-6">
                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                        </div>
                    </div>    

                </div>    


            </div>        
        </div>            
    </div>
mpmaan
@mpmaan
do you want to get rid of space in between or on the right of the last column?
Rob
@PGFracing
okay I got rid of the gap, www.pgfracing.com/newsite.html but not sure why the bottom video isn’t going up to the top row?
mpmaan
@mpmaan
second small video should be on right side of first small video?
Rob
@PGFracing
correct
mpmaan
@mpmaan
try to give a rowin second column which will contain the other two columns for smaller videos
row
       col
       row
              col
              col
something like this if you can understand
Rob
@PGFracing
ya I get that but the row won’t float to the left it will be another row then?
mpmaan
@mpmaan
can you try this?
<div>
    <div class="row">
                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen=""> 
                               </iframe>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen=""> 
                               </iframe>
                        </div>
                    </div>    

                </div>
</div>
Rob
@PGFracing
that’s just two videos I’m trying to do 3?
mpmaan
@mpmaan
wait a minute
    <div class="header-container">
            <div class="row">
                <div class="col-6">
                    <div class="embed-responsive embed-responsive-16by9">
                    <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                    </div>
                </div>    

                <div class="col-6" style="margin-left: -40px;">
                    <div class="row">
                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="https://www.youtube.com/embed/tHrZW11XAJw" frameborder="0" allow="autoplay; enypted-media" allowfullscreen></iframe>
                        </div>
                    </div>    

                </div>    
            </div>


            </div>        
        </div>
this is complete
i put a row in <div class="col-6" style="margin-left: -40px;">
you just need to adjust margin now
Rob
@PGFracing
nice work there :)
mpmaan
@mpmaan
did it work?
yeah..looking good on website
Rob
@PGFracing
thanks a BILLION @mpmaan
mpmaan
@mpmaan
that's what this room is for : HelpFrontEnd
what are you building?
Rob
@PGFracing
gonna change the layout of my site www.pgfracing.com to be more video based, just working on the layout now
doesn’t look like it works on mobile should stack on top of each other, bummer back to the drawing board
mpmaan
@mpmaan
i feel like everything is fitted in a small box
Rob
@PGFracing
ya lol I’ve had that happen before can’t remember how I fixed it
mpmaan
@mpmaan
for those 6 steps above at your website you can create somethibg like cards..keeping each icon in centre at top with a slightly bigger size and giving some space to text of each card from the icon
Rob
@PGFracing
got it figured out you helped me get it
thanks @mpmaan
mpmaan
@mpmaan
:+1:
Rob
@PGFracing
you were wondering what it was going to be http://www.pgfracing.com/bible.html this is basically it might change a little but again thanks for your help
mpmaan
@mpmaan
would be better if you could remove horizontal scroll bar
Alexander R Bott
@Abott1222
@anthonygallina1 I havent heard of webpy yet! Awesome
@anthonygallina1 how are you?
Ali Bulut
@ali27001
I need to check the login on the server with javascript. How can I send data to the server
corychaise
@corychaise
I am thinking about using bulma for the front end projects for FCC
Thoughts?
Brad
@bradtaniguchi
@corychaise Sure why not, but why not something more main-stream tho? I never heard of bulma until now
corychaise
@corychaise
It is pure CSS, no JS or jQuery so it is appealing in that regard
Christopher McCormack
@cmccormack
bulma is pretty popular @bradtaniguchi :D
Brad
@bradtaniguchi
never knew haha
then yea should be fine, please excuse my ignorance :P
Christopher McCormack
@cmccormack
haha