Css div box layout - Responsive HTML Container | Web Zone

Code:- bit.ly/2N7Coeg
In this video tutorial you learn about Css Grid and responsive layouts making with html and css .
Video Quality : Hd 480p / 720p / 1080p /

[@bhanuchandra28]

nice basic coding bro superb 👌 👏 i learn lot.

[@tristbear]

thanks bro, you saved my life.

[@BluezConcepts]

How do you change the red box into 8 diffrent images?

[@opgamers8403]

U can add it by tag
Edit : under div> li> img tag

[@BluezConcepts]

@@opgamers8403 Haha thanks! but ive learned ALOT since then :D

[@DREY4655]

Parabéns, funcionou muito bem responsivo

[@yunusshaikh9542]

thanks sir very help full video

[@user-tf2lp7jp5x]

You are the best

[@luanvo663]

Why size box change when you pull browser smaller, can you keep box size dont change

[@schlauerfuchs8550]

Use px instead of %

[@ridazehra2469]

title class' code is not working kindly explain...

[@haythamkenway1561]

css grid is old you know? (from 10 years ago)

[@-R-Madhavkolusu]

What u have represented is nice but think it's better to unmute your mic 🎤 and speak few points and what's going on.than it I'll be 💯 perfect.

[@laitongarcia3065]

Muito bom. Gostei e muito simples

[@escarn]

Great job

[@Ozzz77118]

what's the music name first?? it's so good

[@HuutDylanProductions]

lol seriously

[@palakrai46]

Bhai please tell me how to make distances btween each boxes???

[@footballpoison7350]

By margin

[@alfietalbot6505]

How do you change the colour of each individual box? Any help would be appricated

[@WebZoneCode]

Use different class for individual box ,
//css
.blue{
background:blue;
color:#fff;
}

[@Heavymasti247]

Which editor u are using

[@nayaunglin5015]

thanks

[@biswanathbanik]

how to make each box different coloured?

[@WebZoneCode]

Try :nth-child() Selector
exp:-
.container ul li:nth-child(1){
background:red;
}
.container ul li:nth-child(2){
background:orange;
}

[@chibistyles1801]

anyone who needs to know mutiline coding for windows hold Ctrl+Alt while pressing the up ↑ or down ↓ arrow keys to add cursors.

[@estevanus]

Thank you for the tutor

[@otycal_4726]

ial

[@TheBeast-ge6uz]

Thanks.

[@rafa-lk6lf]

mine boxes are not centered

[@kingsleyakpan6616]

your code didn't work when i implemented it.

[@jamilhfl]

Its works
Just hover is not working

[@sahilbhatti9582]

yes his code is wrong. your coding is correct

[@eduardoflores2863]

How can i add a imagen down the title?

[@bhujathasoorishetty9700]

thx 4 the code bro

[@aslm_gmail1679]

كيف قمت بالكتابة في اسطر متعددة معا في نفس الوقت ؟؟؟

[@zeeshanzafar1593]

Thanks

[@mipi638]

Can I put text inside the box?

[@WebZoneCode]

Yes, you can put text and any html element inside the box.

[@e_clip_sed18]

Cool man thx u

[@UltimatrixGaming15]

bro how to add image inside the boxes?

[@WebZoneCode]

add image tag inside the each tags.
//html
Heading
//css
ul li img{
width:100%;
height:100%;
)

[@HypedO_OP]

@@WebZoneCode i didnt quit understand what you wrote can you please tell it in a little common way like from which particular tag to which tag

[@MubashirZaiDiVLOGS]

Which notepad you r using?

[@WebZoneCode]

Brackets

[@fatinraihanah7973]

how do i add image in the box

[@nellyhernandez7087]

Img src

[@FunnyWisdomShorts]

awesome

[@dimdim451]

Can anyone tell me what's this software to write css and html?

[@goga9864]

brackets. adobe brackets. brackets.io

[@sahilbhatti9582]

i hope now you got that software

[@skjcreation24]

👍

[@jamilhfl]

"hover tag" is not working

[@rekhamari8736]

Please upload css advance course

[@myloorig2329]

can i put a link inside the box?

[@WebZoneCode]

Yes

[@haccuk]

It's good but title is a bit misleading. It's not CSS Grid

[@faizanahmedsiddiqui5703]

how to do it using FLEXBOX ?

[@WebZoneCode]

Search on youtube "Css Flexbox Responsive Cards" Web Zone

[@rearaw5619]

Wat I wanted

[@emanuelwebdeveloper2560]

how to align in center(li)?

[@WebZoneCode]

//css
text-align:center;

[@emanuelwebdeveloper2560]

@@WebZoneCode thanks!!!

[@jhansijanu8266]

little bit confusing maintain clarity

[@cyrenkingzairuswenceslao5999]

not workin in the end

[@momentosrecordesmundiais]

VALEEEEEEEEEEEEEEEEEEEEEEEEUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU.

[@ricardowilliamssaldanaleon3886]

flexbox !!!!

[@aslm_gmail1679]

How do you write in multiple lines together at the same time ???

[@WebZoneCode]

Multiple Cursors
Make one selection, then hold down the Cmd key (Mac) or Ctrl key (Win) and click or drag to add another cursor or selection.

[@user-qu5qf7wo6r]

@@WebZoneCode windows shift+alt

[@yunusshaikh9542]

can you give me code

[@MaxKongo]

I thumbs down cause you clearly pause add stuff to the CSS then don't make it clear what you added. It makes it difficult to follow along. Also table is not the same as grid.

[@FOGTALK]

code would be useful

[@jupiterscorpio4206]

code didn't even work it has errors what a waste of time

[@CesarAvila007]

The ungratefulness is real

[@papurawatpapurawat6026]

may you give me codes , please sir

[@WebZoneCode]

code link in description...

[@ragulmalar7068]

What editor is this??

[@varshamohabey9763]

using vs code in white🥵🥵🥵

[@yunusshaikh9542]

please send me code

[@desmontear]

thanks