?? Work at Pickup Points � Flexible schedule

Can You Solve These 3 CSS Battles Faster Than Me?

Web Dev Simplified 11 views

Download Video

Comments

to center a div I think the easiest way is on the parent using grid, and place-items: center, that's all
Comment from : @codeSurvivor

Omg Just copy 7 more lines and overlay an absolute gray square with a bg colored border and bottom 0 over them:) can't watch your overcomplicating your life with setting up sections, it's not a real page ;)
Comment from : @tomaszgora4353

Pls develop face recognition attendance module based on javascript
Comment from : @Rohit-gw8tk

Node js crash course for beginners, please Upload video easy to can understand
Comment from : @AnandhS-v1o

Why use absolute and magic numbers for the third to get it centered instead of grid or flex? Or aligncontent and margin inline? I'm literally puzzled by this from our web dev simplified guru
Comment from : @clevermissfox

two key properties for the peacock:brgrid-template-columns/rows: 1fr 1618fr;brborder-radius: 0 0 100 0;
Comment from : @KnaveKaiser

Really interesting aproaches, I went for background gradients in all those 3 exercises trying to reach the higher scores (not even close! hehe)brUsed repeat liner on the 1st, radial gradient on the 2nd and conic gradient on the 3rd
Comment from : @marciogomes9451

thats fun
Comment from : @tima1301

Mads Stoumann on dev-to created "the golden ratio in css" as a diagram in a nice way
Comment from : @njordholm

Interesting I had a very different solution for battle #1 Mainly using background linear repeat instead of divs for the stripes
Comment from : @teugene

First of all - thanks for the content Some opinion - have no objections about 2nd and 3rd tasks, but, the first one…I think, you have chosen the worst possible way to solve it I think every junior does this as he does not know anything rather than creating plenty of divs and flex for everything Possible solutions: 1 Left and right stripe zones can be done within 1 div for each with box-shadow property 2 even with divs approach - you can do it with 8 divs for both sides and put big square on top of it Not perfect solution, I agree, but still better than 17 divs for that one section
Comment from : @RainbowBrilliance

Hey, how much for you to redesign my website?
Comment from : @LukasHabtoch-v8i

i think this is the first time in a decade i see the premiere page turn transition, really a nice touchbryou're my favorite coding youtuber by far btw
Comment from : @barchuk422