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.
   121   122   123   124   125   126   127   128   129   130   131