DEV Community

Cover image for Learn CSS positions by coding an Airplane
Adrian Twarog
Adrian Twarog

Posted on

11 5

Learn CSS positions by coding an Airplane

CSS position initial, relative and absolute is used all over the web for designing headers, menus and more.

I tackle how the property of position and its different attributes work by designing an airplane and explaining how you can apply different offsets depending on your tag elements.


Included in this video:

  • Introduction into CSS position
  • Constructing a plane using CSS positioning (body, wings, etc)
  • Position: relative versus position: absolute
  • How the two positioning attributes influence each other
  • What is position: fixed and how it's used

GIF

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Tiugo image

Fast, Lean, and Fully Extensible

CKEditor 5 is built for developers who value flexibility and speed. Pick the features that matter, drop the ones that don’t and enjoy a high-performance WYSIWYG that fits into your workflow

Start now

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Explore this insightful post in the vibrant DEV Community. Developers from all walks of life are invited to contribute and elevate our shared know-how.

A simple "thank you" could lift spirits—leave your kudos in the comments!

On DEV, passing on wisdom paves our way and unites us. Enjoyed this piece? A brief note of thanks to the writer goes a long way.

Okay