Shorthand


#1

body {
padding: 0;
margin: 0;
background-color: #1E1E24;
text-align: center;
}

.jumbotron {
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_singaporeskyline.jpeg");
height: 400px;
background-position: bottom center;
}

h1 {
color: #FFF;
font-family: 'Ruda', sans-serif;
font-size: 70px;
font-weight: 900;
margin: 0;
padding-top: 120px;
text-align: center;
text-transform: uppercase;
}

h2 {
color: #FFF;
font-family: 'Catamaran', sans-serif;
margin: 0;
text-align: left;
}

h3 {
color: #D7263D;
font-family: 'Ruda', sans-serif;
font-size: 32px;
margin: 0;
position: relative;
text-align: left;
text-transform: uppercase;
}

p {
color: rgba(255, 255, 255, 0.75);
font-family: 'Pontano Sans', sans-serif;
margin: 0;
text-align: left;
}

.hotel {
border-style: solid;
border-top-width: 5px;
border-color: #AF3432;
margin: 60px auto;
padding: 10px 0px 0px 0px;
width: 90%;

}

.hotel-img {
display: inline-block;
margin-top: 20px;
}

.hotel-description {
display: inline-block;
width: 70%;
}

.book {
margin-top: 30px;
width: 100%;
}

a {
background-color: #D7263D;
color: #FFF;
display: block;
font-family: 'Pontano Sans', sans-serif;
font-size: 16px;
padding: 14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

ul {
padding: 0;
margin: 10px 0px;
}

li {
margin: 0;
list-style: none;
}
In style.css, set the border of the .hotel to 2 pixels wide, a solid line, and the color #FFF

the question is above. I cannot solve this .Can anyone help me?


#2

Those are all properties of the .hotel border, therefore you do not need to refer to them individually, you can write as ff:
.hotel {border:2px solid #FFF;}


#3

thank you , i was wrote fragmentary , but now i solved .thank you again


#4

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