3 More Life-Changing CSS Tips 

For sure👍

don't forget to add scroll-behavior: smooth; on the element for smooth scroll animation. one line of css, no js needed!

@@wolverine4489 Sadly, scroll-behaviour: smooth is not supported by safari yet.

Can someone make a CodePen of this? I can't get it working. -_-

​@@CoryTheSimmons Sure, I added the property to the html, body tags a higher value than the fixed nav height codepen.io/dv-mata/pen/JjEZWdM

I am 😸

@@precumming you are ;)

@@skyracer-mk8hg he is!

@@bloodbrothers1313 She is

Getting my first comment on this channel featured in a video is nothing short of an honour, so hell yeah I'm proud! Also, not a guy :)

100 seconds of Rust would be cool too

@@shk8089 I wanted to write that too but i saw someone already asking for it so I didn't write it in.

100 seconds of Haskell PLEASE ~~~

@@MrTyty527 I said haskell because I heard about it but i never seem to understand it.

HEROKU! Bootstrap too...

😊

Congratulations, you have a good taste for quality content.

It's CSS, after all.

Safari is the new Internet Explorer

@@jlopezg8 I second this.

Yup, something is still better than Nothing.

@@jlopezg8 Yeah for sure. It took *ages* to finally support the flexbox gap property compared to other browsers

Could you explain what it is exactly, are navbars as big as in the video? are fixed navbars bad?

@@skyhappy Fixed navbars are standard and while they are evil they are also necessary. Think about applications that aren't browsers, they all (that I have open currently) have fixed content usually at the top sometimes on the side. They can be ignored if the content is more important than navigating around, such as content with reading (also scrolling slightly less). However while there is no hard limit to navbar sizes if it's just navigation and logo then it should be no bigger than 2 or 3 rem (i.e. 1.75rem font size with 0.25em padding); but if you need more complex content fixed (such as for web-apps) you can make them bigger but be conscious about the size and how much space is left for the main content

If you're making a component library for external consumption, DO NOT USE REM UNITS.

Same, had no idea it existed. Here I was adding a nonsense element with the id using position relative to scoot it up.

I take it back. Scroll-padding is not so great. I thought it could be used for a fixed nav-bar to navigate to content that is parsed into sections of unequal size. My work around still reigns supreme.