Css div box layout - Responsive HTML Container | Web Zone

[@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

[@bhanuchandra28]

nice basic coding bro superb 👌 👏 i learn lot.

[@tristbear]

thanks bro, you saved my life.

[@yunusshaikh9542]

thanks sir very help full video

[@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...

[@DREY4655]

Parabéns, funcionou muito bem responsivo

[@Ozzz77118]

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

[@HuutDylanProductions]

lol seriously

[@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

[@rafa-lk6lf]

mine boxes are not centered

[@aslm_gmail1679]

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

[@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?

[@haythamkenway1561]

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

[@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;
}

[@palakrai46]

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

[@footballpoison7350]

By margin

[@user-tf2lp7jp5x]

You are the best

[@-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.

[@MubashirZaiDiVLOGS]

Which notepad you r using?

[@WebZoneCode]

Brackets

[@laitongarcia3065]

Muito bom. Gostei e muito simples

[@mipi638]

Can I put text inside the box?

[@WebZoneCode]

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

[@jamilhfl]

"hover tag" is not working

[@fatinraihanah7973]

how do i add image in the box

[@nellyhernandez7087]

Img src

[@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

[@chibistyles1801]

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

[@escarn]

Great job

[@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

[@estevanus]

Thank you for the tutor

[@otycal_4726]

ial

[@desmontear]

thanks

[@myloorig2329]

can i put a link inside the box?

[@WebZoneCode]

Yes

[@faizanahmedsiddiqui5703]

how to do it using FLEXBOX ?

[@WebZoneCode]

Search on youtube "Css Flexbox Responsive Cards" Web Zone

[@haccuk]

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

[@cyrenkingzairuswenceslao5999]

not workin in the end

[@emanuelwebdeveloper2560]

how to align in center(li)?

[@WebZoneCode]

//css
text-align:center;

[@emanuelwebdeveloper2560]

@@WebZoneCode thanks!!!

[@jhansijanu8266]

little bit confusing maintain clarity

[@TheBeast-ge6uz]

Thanks.

[@e_clip_sed18]

Cool man thx u

[@zeeshanzafar1593]

Thanks

[@rekhamari8736]

Please upload css advance course

[@bhujathasoorishetty9700]

thx 4 the code bro

[@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.

[@HikmadhThoubik]

@@WebZoneCode windows shift+alt

[@FunnyWisdomShorts]

awesome

[@yunusshaikh9542]

can you give me code

[@FOGTALK]

code would be useful

[@skjcreation24]

👍

[@rearaw5619]

Wat I wanted

[@ricardowilliamssaldanaleon3886]

flexbox !!!!

[@momentosrecordesmundiais]

VALEEEEEEEEEEEEEEEEEEEEEEEEUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU.

[@jupiterscorpio4206]

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

[@CesarAvila007]

The ungratefulness is real

[@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.

[@varshamohabey9763]

using vs code in white🥵🥵🥵

[@papurawatpapurawat6026]

may you give me codes , please sir

[@WebZoneCode]

code link in description...

[@ragulmalar7068]

What editor is this??

[@yunusshaikh9542]

please send me code

[@nayaunglin5015]

thanks