Can You Solve These 3 CSS Battles Faster Than Me?

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 พ.ย. 2024

ความคิดเห็น • 21

  • @jenstornell
    @jenstornell 10 วันที่ผ่านมา +12

    Only two people is faster than you, The Flash and Kevin. 😅

  • @barchuk422
    @barchuk422 10 วันที่ผ่านมา +1

    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

  • @KnaveKaiser
    @KnaveKaiser 8 วันที่ผ่านมา +1

    two key properties for the peacock:
    grid-template-columns/rows: 1fr 1.618fr;
    border-radius: 0 0 100% 0;

  • @marciogomes9451
    @marciogomes9451 8 วันที่ผ่านมา +1

    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.

  • @RainbowBrilliance
    @RainbowBrilliance 10 วันที่ผ่านมา +3

    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.

    • @clevermissfox
      @clevermissfox 10 วันที่ผ่านมา +3

      Repeating linear gradient !

  • @njordholm
    @njordholm 9 วันที่ผ่านมา

    Mads Stoumann on dev-to created "the golden ratio in css" as a diagram in a nice way.

  •  10 วันที่ผ่านมา +1

    Maybe background-image(s) + two pseudo elements could make the job for the first one.

    • @clevermissfox
      @clevermissfox 10 วันที่ผ่านมา +3

      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 !

  • @teugene
    @teugene 9 วันที่ผ่านมา

    Interesting. I had a very different solution for battle #1. Mainly using background linear repeat instead of divs for the stripes.

  • @Nodsaibot
    @Nodsaibot 10 วันที่ผ่านมา +1

    ah cssbattle, old stomping grounds when I had free time

  • @clevermissfox
    @clevermissfox 7 วันที่ผ่านมา

    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

  • @Rohit-gw8tk
    @Rohit-gw8tk 3 วันที่ผ่านมา

    Pls develop face recognition attendance module based on javascript..

  • @LukasHabtoch-v8i
    @LukasHabtoch-v8i 10 วันที่ผ่านมา +2

    Hey, how much for you to redesign my website?

    • @clevermissfox
      @clevermissfox 10 วันที่ผ่านมา +1

      Depends on what your website is and how large it is, what you want done etc. a designer can’t quote without more information.

    • @LukasHabtoch-v8i
      @LukasHabtoch-v8i 10 วันที่ผ่านมา +1

      @clevermissfox ok, it's a small listing for server hosting which has like: send mail to buy, single-page

    • @Dubea001
      @Dubea001 9 วันที่ผ่านมา

      ​​@@LukasHabtoch-v8i Hire me. I can get the job done for you. If you are really interested we can discuss the price

  • @tima1301
    @tima1301 9 วันที่ผ่านมา

    thats fun

  • @joshuaa3075
    @joshuaa3075 10 วันที่ผ่านมา +1

    Wordy as ever

  • @AnandhS-v1o
    @AnandhS-v1o 5 วันที่ผ่านมา

    Node js crash course for beginners, please Upload video easy to can understand .