Learn CSS margins in 4 minutes 📏

preview_player
Показать описание
CSS margin tutorial example explained

#CSS #margin #tutorial

body{
margin: 0px;
}

#box1{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: greenyellow;
/*
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;

margin: 50px;
*/
margin-right: auto;
margin-left: auto;
}
#box2{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: dodgerblue;
}
  1. Bro Code
  2. CSS
  3. Css tutorial
  4. HTML
  5. CSS box model
  6. box model
Рекомендации по теме
Learn CSS margins 0:04:52

Learn CSS margins in 4 minutes 📏

Margins & Padding 0:06:41

Margins & Padding | CSS | Tutorial 4

Learn CSS Box 0:08:22

Learn CSS Box Model In 8 Minutes

HTML & CSS 0:18:52

HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained

CSS margin (#5) 0:10:47

CSS margin (#5) 📏

Tailwind CSS Tutorial 0:07:05

Tailwind CSS Tutorial #4 - Margin, Padding & Borders

Learn CSS Positioning 0:08:32

Learn CSS Positioning Quickly With A Real World Example

How CSS Padding 0:06:54

How CSS Padding and Margin Works

🍴 CSS Battle 0:00:57

🍴 CSS Battle #1 Target 8 || Forking Crazy Challenge! 🚀|| Master CSS Like a Pro! 🎯 #coding #shorts...

CSS Tutorial: CSS 0:20:35

CSS Tutorial: CSS Box Model, Margin and Padding | Web Development Tutorials #20

You can do 0:14:40

You can do that with margins?

Learn CSS in 1:00:00

Learn CSS in 1 hour 🎨

Learn CSS position 0:05:58

Learn CSS position in 5 minutes 🎯

CSS Course | 0:12:21

CSS Course | CSS Box Model | div, box-sizing, margin, padding | Web Development Course Tutorial 18

css margin tutorial 0:04:16

css margin tutorial | CSS tutorials | by bhanu priya

Learn CSS Margin 0:07:42

Learn CSS Margin in one video | Margin top, Margin bottom, Margin-right | Easy tutorial.

Learn CSS Box-Model 0:03:39

Learn CSS Box-Model in 4 Minutes!

What is CSS 0:03:24

What is CSS Padding? The simplest explanation!

Margin and Padding 0:23:00

Margin and Padding Deep Dive: Collapsing margins, resets, and CSS box-sizing

CSS Tutorial For 0:03:58

CSS Tutorial For Beginners 39 - Padding & Margin Long-hand

CSS gap is 0:10:20

CSS gap is NOT a replacement for margins

Learn CSS In 0:08:16

Learn CSS In Arabic 2021 - #08 - Margin

Learn CSS In 0:07:50

Learn CSS In Arabic 2021 - #44 - The Margin Collapse

CSS Layouting - 0:17:41

CSS Layouting - #4 Box Model : Margin

Комментарии
Автор

/* style.css */
body{
margin: 0px;
}
#box1{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: greenyellow;
/*
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;

margin: 50px;
*/
margin-right: auto;
margin-left: auto;
}
#box2{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: dodgerblue;
}

<!DOCTYPE html>

<html>
<head>
<title>My first website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<!-- margin = space AROUND an element -->

<div id="box1">Lorem ipsum, dolor sit amet consectetur adipisicing elit. At alias velit, est omnis placeat ad saepe dolorum fugit mollitia deserunt delectus facere repellendus necessitatibus. Illum sapiente aliquam facilis reprehenderit soluta?</div>
<div id="box2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil dolores pariatur officiis neque est facere explicabo in sit error maiores. Iusto velit blanditiis, illo magnam eum ipsum. Porro, modi ducimus?</div>

</body>
</html>

BroCodez
Автор

I'm a visual learner and need to see something happen as it's being taught. This video is very helpful for me. Thank you !

pantegohummus
Автор

Most underrated guy ive ever seen.
You deserve at least a milion subs..!

addda
Автор

Thank you so much gang. I really appreciate your good work. I've just overcomed my difficulties right now thanks for shedding light on this.

Kingbarthez
Автор

Your videos are helping me out a lot . Helping me stay sane LOL. Thank you so much.

jasonm
Автор

THANK YOU. A LOT OF CONTENT IN 5 MINUTES. YOU'RE

marcos
Автор

this what the kind of video i love to watch, as u writing the code, its being executed at once and u will see it, thanks for splitting
ur screen and thanks for the lesson, i really appreciate

princealiemmnauel
Автор

Another fantastic video. You are the best for a quick understanding of a topic. It's also amazing how much you learn in such a short video. Thanks very much.

simonroyjonesuk
Автор

Amigo, eu nem falo seu idioma, mas aprendi mais com seu vídeo do que com muito material na minha língua natal!

aa
Автор

This is the only css playlist that kept me engaged the whole time🥲

silentEnigma
Автор

so much of knowledge in very short video.

siddharthbhagat
Автор

U r real Chad BROO, U actually worth MOORE subscribers!!

abduragoma
Автор

Bro Code is THE BEST TEACHER IN THE WORLD

paoloanichini
Автор

Thanks alot! Right to the Point, simple and easily understandably visualized.

Binichmoses
Автор

Thanks for shedding light on this. Really appreciate it.

bolarinwaosunsanya
Автор

easily learn about margin and padding from this video.
thanks @bro code.

unaiskalathingal
Автор

bro thanks for your help thus far, you have my sub 😎

reniside
Автор

if I want to move a picture to another section of the page I would use margin ?
seems easy enough, I was def getting padding and margin mixed up for sure, Thanks!

OuroborosAMV