Display and positioning


#1

Hey, I am learning CSS and I am really struggling to understand and learn all the display and positioning properties that there are.

Does anyone know of any video or tutorial so I can understand it better?

Cheers!


#2

Nothing helps us learn like hands-on experimenting. Create a blank HTML page and save it as a template for all your test projects. Set out to learn as much as you can about one thing and exhaust all options.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Always below the above line</title>
  <style>

  </style>
</head>
<body>

<body>
<.html>

Start a test folder on your machine and save this file as template.html. Open it in your editor and spin off a copy for each test project.

Notice that I have included an embedded style sheet so that your experimental CSS always stays with the test page. Don’t use an external style sheet for testing as it can get separated from the example.

When you post the link, we can play around with a few tests to get you started down that path.

Read this page, in the meantime, from start to finish.

position - CSS


#3

Thank you so much! I will do so


#4

Hi there,
while reading, use codepen website as well, so you can play and fiddle with it.
i found it to be helpful.