You Should Know These 7 CSS Responsive Sizing Features

Поділитися
Вставка
  • Опубліковано 16 вер 2024

КОМЕНТАРІ • 35

  • @rockenOne
    @rockenOne Місяць тому +49

    I thought this was a promotional video for Pantene

  • @simoncordova5655
    @simoncordova5655 Місяць тому +4

    Thanks for this video, like all videos I've watched on this channel. One quick note for those who read this, I believe at 0:09 seconds, Kyle meant for "inline" and "block" properties.

  • @AmirparsaDD
    @AmirparsaDD Місяць тому +3

    Really Helpful. Great Video Kyle

  • @purbanjalidas6449
    @purbanjalidas6449 Місяць тому +3

    pls mention yr hair care routine ✨

  • @raymondallo9947
    @raymondallo9947 Місяць тому

    Thank you for highlighting how much I still don't know. Great vid and learned so much from you.

  • @srsh12345
    @srsh12345 Місяць тому

    Thanks for the grid tips. I'm usually using flex and want to become more well rounded

  • @MetroExodus999
    @MetroExodus999 Місяць тому +2

    Thanks Kyle

  • @tannertanner1
    @tannertanner1 Місяць тому +1

    11:49 🤯

  • @kirujs
    @kirujs Місяць тому

    This is very helpful

  • @michaelgoddard4122
    @michaelgoddard4122 Місяць тому +1

    So if I use grid… have 3 cols… can you set the minmax for each col or just one like:::
    grid-template-columns: minmax(150px, 15%, 1fr) 1fr minmax(75px, 5%, 1fr);
    ???

  • @rohithvijaypersonal
    @rohithvijaypersonal Місяць тому

    Good one 💡

  • @user-ev6fj5up9w
    @user-ev6fj5up9w Місяць тому +1

    Bro create Penpot plugins 🎉

  • @jennifermagpantay7933
    @jennifermagpantay7933 Місяць тому

    Is there any specific calculation that we need to make to set the second argument value of clamp?

  • @CGAR_420
    @CGAR_420 Місяць тому +1

    Now do this same video, but with tailwind 😂

  • @mazlanzubair2537
    @mazlanzubair2537 Місяць тому

    Great video. What software is this? Dreamweaver?

    • @YnsSv
      @YnsSv Місяць тому

      VSCode

    • @rnater7145
      @rnater7145 Місяць тому +2

      Dreamweaver is his hairdresser's name

  • @iamalfofficial
    @iamalfofficial Місяць тому

    Can we use this for a WordPress theme using elementor builder?

  • @levongrigoryan1402
    @levongrigoryan1402 Місяць тому +2

    2:01 not quite exact the same result though :)

    • @srdjagunjic
      @srdjagunjic Місяць тому

      Yeah, why that happened exactly?

  • @kolluruprakash
    @kolluruprakash Місяць тому +2

    First comment and first like. Worth to watch any time

  • @chuck_norris
    @chuck_norris Місяць тому

    sounds like a over complicated Flexbox

  • @MkurugenziIan-l6u
    @MkurugenziIan-l6u Місяць тому +1

    I thought this was Julian Alvarez channel💀

  • @vanessastefanova
    @vanessastefanova 29 днів тому

    Consector 😂

  • @SmileyJack.
    @SmileyJack. Місяць тому +2

    there's a formula for clamp if you want your heading to take 1 row and 100% width

    • @NedumEze
      @NedumEze Місяць тому

      Please share it

    • @yourlocalhuman3526
      @yourlocalhuman3526 Місяць тому +7

      Why mention it and not post it bro...

    • @JarheadCrayonEater
      @JarheadCrayonEater Місяць тому +2

      Great story

    • @victormusaogima710
      @victormusaogima710 Місяць тому +1

      Help us sir

    • @SmileyJack.
      @SmileyJack. Місяць тому

      Not trying to look smart.
      You can go to the article "Linearly Scale font-size with CSS clamp() Based on the Viewport" at css-tricks.
      And look for "linear interpolation"
      Also ChatGPT was good at calculating it and giving a copypaste value

  • @paulhetherington3854
    @paulhetherington3854 Місяць тому

    /df=fs xlz 3''UI' pach < imrkrx~tmpr + dubd rul < mol || orb mch/
    /mch wn sfd(B'' , fb'' , SBbd'') 3''pxUI' pach < ~tmpr imrkrx < rol chrw mtx cnnon/
    /i.e. pos mch koch < 3''px UI' pach ~imrkrx dubd rul || rolz mch < par mol/