Видео

100% seems impossible today... 🤔

The best part is that this script was made in a language of web browers

Better Solution (124 Chars): <style>&{background:#BFE33A;color:#2F5A76;margin:80 8;box-shadow:0 0 0 3in;*{margin:35 157;rotate:45deg;box-shadow:0 0 0 42q

nice :D

Better Solution (156 Chars): <p><style>*{background:#328FC1;*{background:#FADE8B;margin:80 130}p{position:fixed;padding:70;border-radius:50%;margin:150 200;box-shadow:-424q -317q#FADE8B

i copied your code and i got 95,4%

Sweet! 🔥

Man, I have been seeing your battles for days now. And I am amazed how you managed to cut all corners like not using div or p to start with. I know it works, I tested your code, but, if i just copy you then where is the fun in that. But I do occasionally, see your videos for tips. Like this challenge where i kept on getting 99.9% and then when I saw yours, with my p element, the background radial thing matched. Keep up the streak. Mesa trying best too.

Sorry, how do you know this box size? And padding size or margin size. I wanna know this. I’m just learning css. Please tell me

Better Solution (157 Chars): <p><p><style>*{background:#3F4869;*{background:#F4DA64;margin:0 65%0 80}p{position:fixed;padding:30 200;margin:229 28;rotate:30deg}p+p{rotate:-30deg;top:-218

Better Solution (104 chars): <style>&{background:radial-gradient(1q at 50%100%,#fff 30pt,#0B2429 0 75pt,#63A3A0)no-repeat 0 0/100%50%

Better solution: (147 Chars): <style>&{background:#0B2429;border-block:64q solid#F3AC3C;margin:60 110;border-radius:63q 63q 0 0;*{background:#F3AC3C;margin:0;border-radius:1in 0

Better solution (177 characters): <style>*{background:radial-gradient(1q,#E0E7FF 53q,#4F77FF 0 95q,#E0E7FF 0 106q,#4F77FF 0 148q,#E0E7FF);*{background:#E0E7FF;margin:130 20%130 180;box-shadow:138q 0 0 21q#E0E7FF

Bro with another banger❤❤❤

your video keeps motivating for me to do daily css challenge. kindly pls upload and dont give up. one small request kindly suggest best resource to learn css in-depth

thank you

Very Helpful

Why complicate it so much if you can make this figure in figma and upload it as svg

что за софт?

Better solution (133 Chars): <p><style>*{background:#F0F0F0;border:59q solid#E05947;margin:-60-35;*{margin:90-55}p{padding:10 65;margin:-75 115;border-width:80q 0

что за редактор? такой хочу

niceeee

How does --b equals to background is this some kind of hack where if we assign variables to background it iwll assume itlsef as background ?

like it

Very coool ❤

Hey, you just nailed the css battle. Would you kindly explain the box-shadow thing? box-shadow: -76q 0#... , -153q 0#

Pls show the html part as well

Where is Saturn's ring? 😉

hi

Great video

🔥🔥🔥

not working in my vs code

Great video, keep on posting similar videos @Battles4U

really amazing i want to learn how it possible for me...?

Серьезно? А если из 100 будет? Вы про переменные что-нибудь слышали?

Src?

Better solution with 153 Chars <p><style>*{background:#b5e0ba}p{padding:25;position:fixed;color:5d3a3a;margin:117 192;box-shadow:0 -25px 0 25px,-25px -25px 0 50px#b5e0ba,-25px 0 0 75px

Great bro..

Better Solution with 163 Chars: <style>*{background:#434B92;*{background:#EAC049;color:EAC049;margin:60 160 210 40;box-shadow:148q -30px,127q 30px,21q 60px,106q 90px,42q 120px,85q 150px,63q 180px

Is there any specific reason for using aspect-ratio instead of height?

🔥

👏👏👏

Nice! Keep going

Great bro..

Great bro

that's awesome, keep it up dude

Great, diversification of content is good

🔥

🔥

nicee! keep it up dudeee, you got my subscribe