CSS width, height, and overflow | Computer Programming | Khan Academy

preview_player
Показать описание
Created by: pamela

Computer Programming on Khan Academy: Learn how to program drawings, animations, and games using JavaScript & ProcessingJS, or learn how to create webpages with HTML & CSS. You can share whatever you create, explore what others have created and learn from each other!

For free. For everyone. Forever. #YouCanLearnAnything

  1. Khan Academy Computing
Рекомендации по теме
Learn CSS height 0:06:54

Learn CSS height and width in 6 minutes! 📏

CSS width, height, 0:03:55

CSS width, height, and overflow | Computer Programming | Khan Academy

Are You Making 0:08:54

Are You Making These CSS Height Mistakes?

CSS width & 0:17:35

CSS width & height, object-fit, overflow, and CSS units (ems, rems, vw, vmin, fr, ch, and more)

min-content, max-content, fit-content 0:08:52

min-content, max-content, fit-content - intrinsic sizing with CSS

CSS Overflow Tutorial 0:01:01

CSS Overflow Tutorial - One Minute Coding

The simple trick 0:04:27

The simple trick to transition from height 0 to auto with CSS

width 100% not 0:04:52

width 100% not working in CSS (SOLVED)

How to use 0:18:24

How to use Figma Auto Layout Hug and Padding vs CSS Flexbox | Beginner Tutorial Course | Part 5

How to Fix 0:01:20

How to Fix Overflow Issues in CSS Flex Layouts

How to set 0:04:00

How to set a maximum number of lines of text with CSS

Fix your mobile 0:03:34

Fix your mobile viewport's with this simple css trick

CSS width auto 0:02:09

CSS width auto vs 100% | What's the difference?

Stop Using Pixels/Rems/Percentages 0:01:00

Stop Using Pixels/Rems/Percentages To Define Widths In CSS

Learn CSS In 0:08:14

Learn CSS In Arabic 2021 - #15 - Dimensions - Width And Height

Are you using 0:06:30

Are you using the right CSS units?

CSS Auto Resize 0:02:03

CSS Auto Resize an Image Inside a Div Container

CSS min-width, max-width, 0:05:11

CSS min-width, max-width, and width

The Magic of 0:11:25

The Magic of CSS Grid AUTO-FIT vs AUTO-FILL

CSS Tutorial For 0:06:27

CSS Tutorial For Beginners 42 - Width & Height

Learn CSS position 0:05:58

Learn CSS position in 5 minutes 🎯

Learn CSS Positioning 0:08:32

Learn CSS Positioning Quickly With A Real World Example

How to use 0:06:01

How to use CSS object-fit to control your images

HTML Page Width 0:17:34

HTML Page Width and Height Settings | CSS Full Screen Size

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

I'm having trouble completing the challenge after this video, which is "The Boxer Model", and I don't know why. I've widened the margins of the pictures of the boxers, but the program isn't telling me to do anything else. Here's my input within the code.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: The boxer model</title>
<style>
body {
font-family: cursive;
}
.photo-gallery {
background: rgb(255, 254, 217);

}
.photo {
width: 200px;
border: 8px solid rgb(24, 38, 242);
}
#doggie-tan{
margin-right: 200px;
margin-bottom: 35px;
}
#doggie-chillin{
margin-bottom: 35px;
}
#doggie-tongue{
margin-left: 216px;
}
#container{
width: 660px;
height: 900px;
}

</style>
</head>
<body>

<div id="container">
<h1>Boxers are beautiful?</h1>

<div class="photo-gallery">




</div>
</div>
</body>
</html>

If anyone sees something that I've missed, PLEASE let me know, because not knowing is killing me!

adonisjackson