ソースを参照

GET 1991. Responsive styling.

gh-pages
urlysses 7年前
コミット
0a6c0ec384
2個のファイルの変更16行の追加1行の削除
  1. +15
    -0
      1991.css
  2. +1
    -1
      index.html

+ 15
- 0
1991.css ファイルの表示

@@ -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%;


+ 1
- 1
index.html ファイルの表示

@@ -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>

読み込み中…
キャンセル
保存