Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Block, Inline, and Inline-Block explained | CSS Tutorial


Started by -  |  Views: 37 | Comments: 0   

Understaning how block, inline, and inline-block each behave is very important when learning CSS, as well as knowing why you might want to switch the display property of an element every now and then.




User Feedback

  • Similar Content

    • By ©Jimi Wikman
      Figma is a really amazing design and prototyping tool that has exploded in popularity. If you are thinking about making the switch to it, or if you're looking to figure out how to use it, this tutorial is for you!
      /// Timestamps
      00:00 - Introduction 00:25 - What we are going to be building 02:06 - What is Figma? 03:03 - Starting a new project 03:33 - basic interface 04:12 - creating a frame (workspace/artboard) 05:45 - creating basic shapes 06:45 - color basics 08:16 - the text tool 12:30 - layer basics 14:07 - Zooming in and out and moving around the frame 16:57 - selecting, aligning, and locking items 20:22 - duplicating items 22:50 - stroke basics 23:47 - moving things perfectly straight 24:47 - more layer controls 26:59 - round corners 28:46 - grouping items, equal distribution, layer organization 31:45 - placing images 35:29 - the scale tool 37:15 - eye dropper and more on colors 38:04 - making the layout look better with everything we learned
    • By ©Jimi Wikman
      While all the combinators are useful from time to time, but the adjacent sibling selector is easily the one I use the most often. It has a several really good uses, a few of which I'll be diving into in this video!
    • By ©Jimi Wikman
      In this video we look at how to make a fully responsive card with HTML and CSS, with a big helping hand from flexbox!
    • By ©Jimi Wikman
      Today, we're going to check out some crazy CSS backgrounds you can create while harnessing the power of repeating linear (or radial) gradients. This affect gives you the ability to create very complex and interesting backgrounds for your projects.
    • By ©Jimi Wikman
      CSS has come a long way, but min(), max(), and clamp() make a lot of things a lot easier than they used to be, and really open up the world of responsive typography like we never had before! Clamp() is the ingredient that we've needed for a long time to really be able to make type fully responsive in our CSS, and to be able to do it on one line is absolute magic!
×
×
  • Create New...