HTML and CSS Reference
In-Depth Information
left: 0;
width: 100%;
@include box-sizing(border-box);
.btn-favorite {
float: right;
padding: 10px;
color: #FFFFFF;
background: #7D9DCE;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
border: 1px solid #A5CCEB;
}
.movie-release-date {
text-transform: uppercase;
font-weight: bold;
}
}
}
Refresh your mobile browser and take a look by searching for a movie and
taping on it. It should now look like Figure 8-5.
Figure 8-5. Movie header
The next task is to style the actual content for the movie itself. Because the
blocks are relatively the same, there's not a lot of code required to achieve this.
 
Search WWH ::




Custom Search