CSS Display and Positioning

Hi

I hope you can help me. I tried to change the code in
https://www.codecademy.com/courses/learn-css/lessons/css-display-positioning/exercises/review-css-display-positioning
but it only worked for question 1. I couldn’t fix the remaining questions. Can you tell me what’s wrong or who could explain me? Sometimes CSS is somewhat misterious. Thanks

Jaime Fernandez

Another one https://www.codecademy.com/courses/learn-css/videos/the-box-model-in-devtools

(Attachment index.html is missing)

(Attachment style.css is missing)

Hi

I hope you can help me. I tried to change the code in
https://www.codecademy.com/courses/learn-css/lessons/css-display-positioning/exercises/review-css-display-positioning
but it only worked for question 1. I couldn’t fix the remaining questions. Can you tell me what’s wrong or who could explain me? Sometimes CSS is somewhat misterious. Thanks

Jaime Fernandez

Index.html

Please Participate in Our Survey!
  • Question 1
  • Question 2
  • Question 3
  • Question 4
  • Question 5

Welcome to our survey!

We're looking forward to getting your answers so we can make sure our products and services are the best they can be!

Question 1

I like participating in physical activity such as running, swimming, or biking.

Disagree

Neutral

Agree

Question 2

I try to keep up to date with the latest fashion in active wear.

Disagree

Neutral

Agree

Question 3

I purchase clothing online regularly.

Disagree

Neutral

Agree

Question 4

I try to buy goods that are designed and/or manufactured in my home country.

Disagree

Neutral

Agree

Question 5

I look to famous athletes when trying to choose what to wear when training.

Disagree

Neutral

Agree

Thanks for taking our survey!

Style.css

body {
background-color: #FFF;
margin: 0 auto;
}
header {

background-color: #466995;
border-bottom: 1px solid #466995;
position:fixed;
z-index:10;
width:100%;
}
ul {

margin: 30px auto;
padding: 0 20px;
text-align: center;
}
li {

color: #FFF;
font-family: ‘Oswald’, sans-serif;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
width: 80px;
}
li:hover {

color: #DBE9EE;
}
h1 {
color: #466995;
font-family: ‘Oswald’, sans-serif;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
h2 {

color: #333;
font-family: ‘Varela Round’, sans-serif;
font-size: 26px;
font-weight: 100;
margin: 0 auto 20px auto;
}
h3 {

color: #466995;
font-family: ‘Oswald’, sans-serif;
font-size: 18px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
padding: 30px;
}
h4 {

color: #466995;
font-family: ‘Oswald’, sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase
}
p {

color: #333;
font-family: ‘Varela Round’, sans-serif;
font-size: 18px;
}
footer {

background-color: #DBE9EE;
text-align: center;
position:relative;
top:100px;
height:100px;
}
.welcome {

background-color: #DBE9EE;
box-sizing: border-box;
padding: 40px;
text-align: center;
width: 100%;
position:relative;
top:100px;
}
.question {

text-align: center;
position: relative;
top: 100px;
}
.inner {
display:inline-block;
width:500;
}
.answer {
border: 1px solid #466995;
margin: 20px;
display:inline-block;
float:right;
}
.answer:hover {
background: #C0D6DF;
color: #FFF;
}

Hi

I hope you can help me. I tried to change the code in
https://www.codecademy.com/courses/learn-css/lessons/css-display-positioning/exercises/review-css-display-positioning
but it only worked for question 1. I couldn’t fix the remaining questions. Can you tell me what’s wrong or who could explain me? Sometimes CSS is somewhat misterious. Thanks

Jaime Fernandez

Another one https://www.codecademy.com/courses/learn-css/videos/the-box-model-in-devtools

Hello @byte9708887761,

The Review: Layout lesson is an opportunity for you to practice and experiment. You can change colors, margins, positions, or whatever you want in order to practice. It is up to you to decide how you would like the page to look.

There is no single right or wrong answer for this lesson. Just use your best judgment for redesigning the page. Change as little or as much of it as you want. As you do this, you can look back at the previous lessons in order to review and reinforce your understanding regarding how the CSS works.

This topic was automatically closed after 46 hours. New replies are no longer allowed.