1
0
mirror of https://github.com/urlysses/1991.git synced 2024-11-22 11:54:16 -05:00

GET 1991. Responsive styling.

This commit is contained in:
urlysses 2017-02-28 22:21:07 -05:00
parent 98093bd6f2
commit 0a6c0ec384
2 changed files with 16 additions and 1 deletions

View File

@ -363,7 +363,22 @@ footer nav a.url:after {
/* media queries */ /* media queries */
@media all and (max-width: 900px) {
body {
font-size: 14px;
}
article {
width: 80%;
margin-left: 10%;
}
}
@media all and (max-width: 600px) { @media all and (max-width: 600px) {
body {
font-size: 12px;
}
main h1 {
display: block;
}
article { article {
width: 90%; width: 90%;
margin-left: 5%; margin-left: 5%;

View File

@ -192,7 +192,7 @@ It's possible to import view files from within other view files. This is from &l
<a class="url" href="http://www.urlysses.com"></a> <a class="url" href="http://www.urlysses.com"></a>
</nav> </nav>
</footer> </footer>
<a class="fork" href="https://www.github.com/urlysses/1991">GET THE CODE</a> <a class="fork" href="https://www.github.com/urlysses/1991">GET 1991</a>
<script type="text/javascript" src="1991.js"></script> <script type="text/javascript" src="1991.js"></script>
</body> </body>
</html> </html>