Page 126 - Learn To Use HTML and CSS
P. 126
So You Want to Learn to Use HTML and CSS – Version 2020-06-12a Page 116
Chapter 11 — Responsive CSS
header a:hover {
Free
background-color: white;
}
aside {
border: 3px solid green;
background-color: #f0fff0;
}
footer {
eBook
border-top: 5px solid blue;
}
header h1 {
color: #000080;
}
header a {
display: block;
Edition
margin: 5px 10px;
background-color: #c0c0c0;
border: 3px groove #7f7f7f;
}
#footerfirst {
display: block;
}
Please support this work at
}
@media screen and (width > 480px) {
/* small devices - includes touch screens on tablets */
http://syw2l.org
header a {
display: inline-block;
width: 20%;
padding: 0px 5% 0px 0px;
}
aside {
margin: 0px 0px 0px 20%; Free
}
footer {
clear: both;
}
#footerfirst {
float: left;
} eBook
#footersecond {
float: right;
}
}
Edition
Copyright 2020 — James M. Reneau PhD — http://www.syw2l.org — This work is
licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

