Padding 3/11


#1

"Set the padding to 30px"- What have I done wrong...?

.page-description {
border: 1px solid #000;
text-align: center;
padding: 30px;
}


#2

Paste in all of your code and the error message


#3

html, body {
min-height: 100%;
display: flex;
flex-direction: column;
font-weight: 300;
line-height: 1.5;
}

body {
font-family: 'Lato', sans-serif;
background-image: url('https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/background.jpg');
background-position: center top;
background-size: cover;
margin: 0;
gallery-item {
border: 5px solid #FFF;
}

.page-title {
text-align: center;
font-weight: 100;
}

.page-description {
border: 1px solid #000;
text-align: center;
padding: 30px;
}
Here's the error message:
Did you add a padding of 30px to the .page-description selector in main.css?

the code:

.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.gallery-item {
border: 5px solid #FFF;
margin: 2px;


#4

Your CSS code looks fine, check if your browsers zoom is set to 100%

In your HTML is the main.css linked ?


#5

The zoom it's ok;
html below:



Tundra Gallery





TUNDRA GALLERY


The Tundra Gallery is a collection of photographs from three distinct areas: arctic tundra, alpine tundra, and antarctic tundra. In tundra, the vegetation is composed of dwarf shrubs, sedges and grasses, mosses, and lichens, making for diverse ecology and stunning photos.



#6

zainabrawat,
I copy, delete and paste the code: it works.
Thanks


#7

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.