I've been challenged to a CSS BATTLE by Web Dev Simplified
951,104
Published 2021-02-25
The first battle: • I Challenged The CSS King To A CSS Ba...
I mentioned Jhey during the video, here are the links to his Twitch and YouTube:
www.twitch.tv/jh3yy
/ @jh3y
/// 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
💬 discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: www.patreon.com/kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
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.
Instagram: www.instagram.com/kevinpowell.co/
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awe
All Comments (21)
-
ima start using box-shadow for literally everything
-
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
-
Next video: "How to build a fully responsive website using nothing but the body element and 4000 box shadows"
-
"box-shadow" should be the "hello world" equivalent of CSS
-
03:07 me whenever I try to understand CSS logic
-
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!
-
I love these challenges. Makes me feel great seeing pros having similar issues as me
-
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!
-
I literally learned something from this. I think you can guess it too - it's the box-shadow!
-
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 :)
-
Watching Kevin is like: "What the heck is he doing?" and then: "Oooooh...! WOW!"
-
web dev simplified: you would loose this challenge 100%. Kevin: Hold my box-shadow.
-
I love what you do. You actually understand CSS and thats what makes me wanna do that too. Thanks. Keep up the good work. 🔥
-
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!
-
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.
-
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 😉
-
That little "nailed" dance was precious
-
Kyle: "99.9% that's painful" LOL
-
0:54 Kyle calling a speaker a "microphone" -- not off to a very good start.
-
I like your way of approaching things, I've seen your video when tried css battle live and once i saw that speaker the shadow approach snapped into my head, you help me think in a better way in css :)
