I've been challenged to a CSS BATTLE by Web Dev Simplified

I mentioned Jhey during the video, here are the links to his Twitch and YouTube:

/// Timestamps
00:00 - Introduction
00:50 - Round 1
16:51 - Round 2
28:11 - Round 3
40:30 - Outro

#css

--

Come hang out with other dev's in my Discord Community

---

Keep up to date with everything I'm up to

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[paracosm-cc]

Next video: "How to build a fully responsive website using nothing but the body element and 4000 box shadows"

[grmancool]

Kevin: so if I use the box-shadow recursively I can create the necessary effect by only using one div
Kyle: LET'S STACK 19 DIVS ON TOP OF EACH OTHER

[SirXtC]

ima start using box-shadow for literally everything

[drakecoleman]

I love these challenges. Makes me feel great seeing pros having similar issues as me

[SwatiPatelnz]

20:33 - I had to replay this a few times, it was so impressive the way he got that eye shape thing spot on, starting with a square!

[Steveeland]

The best part about this battle is that you kept your mottos: the guy who wants to teach things simplified used a sort of 'simple' approach, while the other guy who wants to make the web look cool uses code that looks really cool. Thanks guys!

[MegaArti]

03:07 me whenever I try to understand CSS logic

[SilviuBurceaDev]

box-shadow is virtually 80% of those challenges, ha ha. Kidding, but box-shadow is a neat trick, thanks Kevin for showing us its power. I also loved how you approached the 2nd challenge with border-radius and rotate, you nailed it right from the start :)

[hanscesa]

I literally learned something from this. I think you can guess it too - it's the box-shadow!

[giambaJ]

"box-shadow" should be the "hello world" equivalent of CSS

[abhishek.rathore]

I love what you do. You actually understand CSS and thats what makes me wanna do that too. Thanks. Keep up the good work. 🔥

[doktordaxter]

Watching Kevin is like: "What the heck is he doing?" and then: "Oooooh...! WOW!"

[ChickyMelly]

I really love watching these ones! It would be really cool to have you guys talk about your approaches together either after each battle or at the end. Love to see it. Kevin you are the best!

[Morrile]

Very interesting to watch how other people write their code, and great methodology for those learning on achieving what looks as hard/impossible at first.

[YardCricket]

I have to admit the way Kevin used the box-shadow in the first challenge really makes him the CSS king. This technique already solved 20% of my issues.

[usmansohail]

web dev simplified: you would loose this challenge 100%.
Kevin: Hold my box-shadow.

[andrewdillard]

I just went through Kevin's 21 Day Responsive Layouts Challenge and I'm 2/3 of the way through Kyle's CSS course. They are both amazing teachers. Watching them go at it was making me geek out lol we are going to need a round 3 of course...

[mimoduocss]

I love how clear and concise the both of you are at describing your thought processes! And the transitions between battles was so sleek. Nice work all around both of you! If you ever want a challenge, I'll be waiting 😉

[mykalimba]

0:54 Kyle calling a speaker a "microphone" -- not off to a very good start.

[avananana]

I can tell that the obvious difference is that Kyle's style is very beginner friendly whilst Kevin's style is much more elegant, neither is wrong, but I really do like Kevin's way of writing CSS here.