Page 121 - Learn To Use HTML and CSS
P. 121

So You Want to Learn to Use HTML and CSS – Version 2020-06-12a                       Page 111
               Chapter 11 — Responsive CSS

                       footer {
             Free
                              border-top: 3px groove black;
                       }
               }

               @media screen {
                       body {
                              background-color: #e0e0ff;
             eBook
                              color: #000030;
                       }
                       nav {
                              float:left;
                              display: grid;
                              grid-template-rows: 1fr;
                              margin-right: 5px;
                       }
             Edition
                       footer {
                              clear: left;
                       }
               }

               @media print {
                       nav {
            Please support this work at
                              display: none;
                       }
               }
                                  http://syw2l.org



                                                                               Free









                                                                   eBook
                        Illustration 34: Page with Media Rules - Screen






                                                                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.






                                           Illustration 35: Page with Media Rules -
                                           Printed
   116   117   118   119   120   121   122   123   124   125   126