remove img a-link & modify css for movile view

guahsu · guahsu · commit a7a66714fe35 · 2017-11-23T09:07:20.000+08:00
diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@
     ga('send', 'pageview');
   </script>
   <title>JavaScript30 - Course List | Gua's Note</title>
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="style.css?20171123001">
 </head>
 <body>
   <div class="container">
@@ -42,7 +42,7 @@ <h1 class="head__title">JavaScript 30</h1>
     </div>
     <ul class="courseList"></ul>
   </div>
-  <script src="script.js"></script>
+  <script src="script.js?20171123001"></script>
   <script>
   /** 檢查是否有成功渲染列表 */
   document.onload = function() {
diff --git a/script.js b/script.js
diff --git a/style.css b/style.css
@@ -11,7 +11,6 @@ body {
 }
 .container {
   padding: 30px 0px;
-  min-width: 500px;
   text-align: center;
 }
 
@@ -211,4 +210,13 @@ body {
   to {
     transform: translate(-50%, -50%) rotate(360deg);
   }
+}
+
+@media screen and (max-width: 500px) {
+    .container {
+      width: 100%;
+    }
+    .course {
+      width: 100%;
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,6 @@ body {`
`11`	`11`	`}`
`12`	`12`	`.container {`
`13`	`13`	`padding: 30px 0px;`
`14`		`- min-width: 500px;`
`15`	`14`	`text-align: center;`
`16`	`15`	`}`
`17`	`16`
`@@ -211,4 +210,13 @@ body {`
`211`	`210`	`to {`
`212`	`211`	`transform: translate(-50%, -50%) rotate(360deg);`
`213`	`212`	`}`
	`213`	`+}`
	`214`	`+`
	`215`	`+@media screen and (max-width: 500px) {`
	`216`	`+ .container {`
	`217`	`+ width: 100%;`
	`218`	`+ }`
	`219`	`+ .course {`
	`220`	`+ width: 100%;`
	`221`	`+ }`
`214`	`222`	`}`