CSS width & height, object-fit, overflow, and CSS units (ems, rems, vw, vmin, fr, ch, and more)

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 73

  • @MatiasCollado
    @MatiasCollado 4 года назад +77

    When 2020 is over, I will remember Webflow as the only great thing of the year.

    • @MaykaOw
      @MaykaOw Год назад +1

      It´s 2023 already, so I have to ask. Was Webflow the only great thing of 2020?

  • @shubhamraut1039
    @shubhamraut1039 4 года назад +46

    It's amazing how I could go through a 17 min tutorial without ever getting bored. Amazing job, and helpful lessons!

  • @damjan9548
    @damjan9548 4 года назад +16

    Webflow is awesome. Exepct it isnt, but it absolutley is! Pure Gold

  • @MaykaOw
    @MaykaOw Год назад +2

    EL MEJOR, repito, EL MEJOR TUTORIAL QUE HAYA VISTO ALGUNA VEZ. Posta, lo vi completo sin aburrirme, y totalmente interesada por lo que estaba viendo. Así deberían ser todos los tutoriales. Chapeau por los chistes que deslizó por ahí como si nada. Un 10!

  • @hardwaretalk9264
    @hardwaretalk9264 3 месяца назад

    might have been one of the most helpful tutorials known to mankind :)

  • @ChrisMooreOfficial
    @ChrisMooreOfficial 2 года назад +9

    “Like a calculator, but without the attitude.” 😂
    In addition to the sarcasm and dry humor, I love McGuire's delivery and cadence. These videos are a serious work of art!

  • @spencercamps
    @spencercamps 4 года назад +32

    “The more familiarity we build with CSS sizing sizing, the more we can apply these skills to create almost anything for the web.” -Sophocles

  • @hsabes400
    @hsabes400 6 месяцев назад

    "...and save on average, time" this is one of the greatest tutorials I've ever come across

  • @aurora23301
    @aurora23301 Год назад

    You have an impressive way of communicating information and teaching! Please continue to teach. These tutorials are gold!

  • @aleksitjvladica.
    @aleksitjvladica. 2 года назад +2

    This is by far the best tutorial I've ever got!

  • @cariocadobrasil7
    @cariocadobrasil7 4 года назад +26

    Just absolutely love watching you guys and I learn so much!

    • @Webflow
      @Webflow  4 года назад +4

      Our pleasure! We're excited about what we're launching, and can't wait to hear what you think about some bigger upcoming things we're working on.

  • @mc_coolcat847
    @mc_coolcat847 Год назад

    I feel like I’m cheating watching these tutorials, it shouldn’t be this easy and comprehensive. 🔥

  • @steveperry6047
    @steveperry6047 4 года назад +5

    I used to hate coding. WebFlow and I met, now I rejoice when fixing HTML/CSS issues. WebFlow bridges that gap between visual learners and programming thinking approaches.

  • @abirahmed1292
    @abirahmed1292 3 года назад +4

    As a designer, I find CH very useful

  • @dokedoke0426
    @dokedoke0426 2 года назад +2

    This calms my anxiety with units...sigh
    Top quality study material.

  • @zentowwwner
    @zentowwwner 4 года назад +8

    This is Top Quality material. Thanks!

    • @Webflow
      @Webflow  4 года назад +1

      Glad you like it! Thank you, hipErxyz!

  • @SoulPrints
    @SoulPrints 3 года назад +1

    This saved my life now

  • @mateojimenez3337
    @mateojimenez3337 3 года назад +2

    I didnt even finished watching the intro but it was enough to hit that suscribe button

  • @naruto5437
    @naruto5437 Год назад

    m addicted and a fan now...started webflow

  • @KamakazeCOG
    @KamakazeCOG 4 года назад

    its almost 1am and i had to pause this video to say not only is this guy hilarious. the video is practical and very informative. thanks webflow

  • @Flowkey247
    @Flowkey247 10 месяцев назад

    On to the next video! Great stuff!

  • @LaolaLoges
    @LaolaLoges 2 года назад

    fantastically explained!

  • @aleexious2466
    @aleexious2466 3 года назад

    Explained it beautifully. Thanks Sir!

  • @stilllearning1172
    @stilllearning1172 3 года назад

    Just found this GEM. Thank you :) for the great explanation

  • @grahamtaylornyc
    @grahamtaylornyc 3 года назад +3

    5.44 "Like a calculator but without the attitude" How on earth does he keep a straight face?

  • @harrietiluekhabho9795
    @harrietiluekhabho9795 3 года назад

    the fact that this video started as a movie trailer is just it for me...my like went 5s into the video

  • @DanBorgia
    @DanBorgia 4 года назад +8

    As soon as I start hearing the music I give it a like.

  • @L_E_A
    @L_E_A 3 года назад +3

    To be picky; at 6.11, I think it should say 20 EM and not 16 EM

  • @yungsnowbank
    @yungsnowbank 4 года назад +4

    Why am I attracted to the man teaching me how to fix my broken website lmao

  • @jsanjeykumar
    @jsanjeykumar 3 года назад +1

    awesome content

  • @user-lu4uo1wj5o
    @user-lu4uo1wj5o 2 года назад

    great tutorial!

  • @Mayank-rs7kg
    @Mayank-rs7kg 3 года назад +2

    I understood your content.
    But things are getting complicated, how do we practice it in order to concrete the information.

  • @sprintwithcarlos
    @sprintwithcarlos 4 года назад

    Very good guys, you rock!

  • @mikepotter
    @mikepotter 4 года назад

    i love webflow man

  • @the-secrettutorials
    @the-secrettutorials 3 года назад +1

    Well that should have bin my first webflow tutorial 😅

  • @feelphila
    @feelphila 4 года назад +3

    6:09 i think there is a typo, must be 20em instead

    • @Webflow
      @Webflow  4 года назад +2

      Thanks, Phil! We'll reach out to the team and let them know!

  • @LutherDePapier
    @LutherDePapier Год назад

    At 6:09 it's supposed to be 16 px times 20.0 em.

  • @galloburrito4252
    @galloburrito4252 Год назад

    Damn I should have stayed in school. Going to be rewatching till I get it lol

  • @特萊
    @特萊 3 года назад

    why not in 7:10 "something inside that" just uses the font size specify to "something inside that" element as a reference? But you said to multiply all ems and px together? please help me out cuz I'm focused

  • @edanjumbo
    @edanjumbo 4 года назад +1

    Is this a new lesson or it's a part of a course on Webflow university?

    • @Webflow
      @Webflow  4 года назад +6

      Hi! We're currently producing a number of new lessons and courses - this lesson is launched solo for right now, but will be featured in some courses as an updated component (for instance, this will be featured int the 101 Crash Course for new users).
      Stay tuned, because we're launching brand-new courses over the next few months that'll contain modern layouts, advanced animations, and even comprehensive SEO.

    • @edanjumbo
      @edanjumbo 4 года назад

      @@Webflow Wow, nice stuff. Great job

  • @memeteliniyaz9842
    @memeteliniyaz9842 3 года назад

    as a germany based developer i cried here 16:20

  • @JoeBodego
    @JoeBodego 4 года назад +1

    What program are you using

    • @BenFigueiredo23
      @BenFigueiredo23 4 года назад

      🧐

    • @Webflow
      @Webflow  4 года назад +3

      Hi, Joe! This is Webflow - check it out! www.webflow.com

    • @JoeBodego
      @JoeBodego 4 года назад +2

      @@Webflow as a lifelong dreamweaver user this is not making me feel good. i would try this it seems so much more logical

    • @BenFigueiredo23
      @BenFigueiredo23 4 года назад +1

      Joe Bodego as some one who learned dreamweaver, but never continued with it, went on to use Wordpress for the last couple of years and just built my first @webflow site, I can attest that it is the easiest and funnest. (If funnest was a word)

  • @YAakash
    @YAakash 3 года назад

    vw which is a german automotive corporation.. made me chuckle.

  • @mukulishwar2737
    @mukulishwar2737 4 года назад +2

    All I cared for was centi litres(cl) units except I did not.

  • @oruaromukoro5072
    @oruaromukoro5072 Год назад

    What an intro

  • @thesouthsidedev1812
    @thesouthsidedev1812 4 года назад

    Who else, likes the way he talks?

  • @itsdevgarg
    @itsdevgarg 3 года назад

    Thank you so much

  • @yanchan06
    @yanchan06 3 года назад

    What app is he using?

  • @macxdeeyt2767
    @macxdeeyt2767 Год назад

    vw-volkswagen

  • @grittygirlgraphics8633
    @grittygirlgraphics8633 3 года назад +1

    Being that McGuire is a perfectionist, he may want to know that at 8:00-8:02, he really meant to say VW and not VH...I think...or I'm losing my mind.

    • @Webflow
      @Webflow  3 года назад +2

      You're not losing your mind - it should indeed be VW! The update is reflected in the captions; unfortunately RUclips won't let us upload the correction in the audio or video side. Great catch!

    • @grittygirlgraphics8633
      @grittygirlgraphics8633 3 года назад

      @@Webflow I probably am losing my mind, except that I’m not.

  • @PhilipZilfo
    @PhilipZilfo 4 года назад +1

    heyyyyyy what about centiliters??? 😂😂😂

  • @shanemarchan658
    @shanemarchan658 3 года назад

    this video is great, except its not. so hear why it's great.

  • @TsukiDrawing
    @TsukiDrawing 4 года назад

    When I heard vwin, I thought you said women

  • @jamesrimes2870
    @jamesrimes2870 2 года назад

    I really don't like these series, except I do, a lot.

  • @grittygirlgraphics8633
    @grittygirlgraphics8633 3 года назад

    No more chocolate chip cookie photos please...

    • @Webflow
      @Webflow  3 года назад +1

      Oatmeal raisin then?

    • @grittygirlgraphics8633
      @grittygirlgraphics8633 3 года назад

      @@Webflow yeah those are gross. Perfect for the 1am viewing of the above lesson. 😎