Really interesting aproaches, I went for background gradients in all those 3 exercises trying to reach the higher scores (not even close! hehe...). Used repeat liner on the 1st, radial gradient on the 2nd and conic gradient on the 3rd.
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.
Repeating linear gradients! That was my thought too. But that’s what’s fun about css battle and watching battles on TH-cam; so many different approaches !
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
Only two people is faster than you, The Flash and Kevin. 😅
Matlab
i think this is the first time in a decade i see the premiere page turn transition, really a nice touch.
you're my favorite coding youtuber by far btw
two key properties for the peacock:
grid-template-columns/rows: 1fr 1.618fr;
border-radius: 0 0 100% 0;
Really interesting aproaches, I went for background gradients in all those 3 exercises trying to reach the higher scores (not even close! hehe...).
Used repeat liner on the 1st, radial gradient on the 2nd and conic gradient on the 3rd.
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.
Repeating linear gradient !
Mads Stoumann on dev-to created "the golden ratio in css" as a diagram in a nice way.
Maybe background-image(s) + two pseudo elements could make the job for the first one.
Repeating linear gradients! That was my thought too. But that’s what’s fun about css battle and watching battles on TH-cam; so many different approaches !
Interesting. I had a very different solution for battle #1. Mainly using background linear repeat instead of divs for the stripes.
ah cssbattle, old stomping grounds when I had free time
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
Pls develop face recognition attendance module based on javascript..
Hey, how much for you to redesign my website?
Depends on what your website is and how large it is, what you want done etc. a designer can’t quote without more information.
@clevermissfox ok, it's a small listing for server hosting which has like: send mail to buy, single-page
@@LukasHabtoch-v8i Hire me. I can get the job done for you. If you are really interested we can discuss the price
thats fun
Wordy as ever
Node js crash course for beginners, please Upload video easy to can understand .