Fix ugly text wrapping with this simple CSS trick

Sdílet
Vložit
  • čas přidán 14. 05. 2024
  • Wrapping text in buttons can look ugly, but if we use text-wrap: nowrap, we run into the possibility of introducing overflows, but luckily there is a better solution!

Komentáře • 30

  • @LePhenixGD
    @LePhenixGD Před 17 dny +34

    Your short came in at the exact moment I needed help to handle this particular situation lol

  • @5erd1
    @5erd1 Před 17 dny +7

    this is useful, there should be more of this content than the professional yappers

  • @berkererol
    @berkererol Před 14 dny +4

    ok I had spent hours with this once and had given up. Good to see there’s a solution 😅

  • @AFTstorm
    @AFTstorm Před 16 dny +2

    Min-width has been an absolute life saver in multiple cases when it comes to flexbox

  • @jbugahod
    @jbugahod Před 15 dny +5

    short, simple and very useful!

  • @julianweiland3313
    @julianweiland3313 Před 16 dny +2

    I think this is exactly the solution for an issue I had today and which I fixed in a ugly way.

  • @eivindloenning
    @eivindloenning Před 12 dny +1

    Thank you for great teaching K. Powell🙏

  • @umardevs
    @umardevs Před 13 dny +1

    Do more of these, really helpful!

  • @thedigitalceo
    @thedigitalceo Před 17 dny +2

    Love this!! never heard of fit-content!

  • @yarikar
    @yarikar Před 2 dny

    I looove this, thank you!

  • @TOBIKOLO
    @TOBIKOLO Před 13 dny

    Thanks and waiting for more!

  • @sawilliams
    @sawilliams Před 16 dny +1

    You rock!

  • @mouadtebbaai338
    @mouadtebbaai338 Před 17 dny +1

    always amazing thank youu Kev

  • @Woeden
    @Woeden Před 14 dny +1

    Genius

  • @JawaCodePro
    @JawaCodePro Před 14 dny

    Thanks

  • @tumsifulema2740
    @tumsifulema2740 Před 17 dny

    Nice you the man !! I think it will become useful when i start my project

  • @SquamishMusqueam
    @SquamishMusqueam Před 14 dny

    Thx!

  • @michalstan
    @michalstan Před 4 dny

    Thanks Kevin. I hope you have a happy life, because you're making us happy with your videos 🥹

  • @davidpayne5637
    @davidpayne5637 Před 17 dny

    This is amazing!

  • @tyson_west2556
    @tyson_west2556 Před 14 dny

    Me starring at the weird looking CSS selectors

  • @james_horan
    @james_horan Před 12 dny

    Mazin!

  • @netstormuk
    @netstormuk Před 17 dny

    Wicked

  • @martybando1668
    @martybando1668 Před 15 dny +1

    CZcams has to create a way for us to save or bookmark shorts.

    • @NotBjoggisAtAll
      @NotBjoggisAtAll Před 8 dny

      Save to playlist?

    • @martybando1668
      @martybando1668 Před 4 dny

      I can’t find this option. I meant directly from the yt short player itself but I guess I could search for the short and then save it to a playlist from the options screen.

  • @kosmar
    @kosmar Před 17 dny +1

    min-inline-size

    • @KevinPowell
      @KevinPowell  Před 16 dny

      good point! For whatever reason, I tend to go with logical properties for margins/padding, but rarely with width/height. Need to break that habit!

    • @kosmar
      @kosmar Před 16 dny

      iʼm at the next level trying to drop dvh for dvb

  • @toniok.4726
    @toniok.4726 Před 23 hodinami

    Is this new or recently discovered 😂

  • @SGMAWLF
    @SGMAWLF Před 16 dny

    sometimes css is cexy