2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
MinsoftK
cfbaeba8 1 parent 51008a41

modify inline block

Inline Side-by-side
Showing 1 changed file with 18 additions and 5 deletions
......@@ -66,7 +66,7 @@
/*grid안에 #article */
}
@media (min-width:300px) and (max-width:480px){
@media (min-width:300px) and (max-width:700px){
#grid
{
display: block;
......@@ -81,10 +81,13 @@
ol
{
border-right:none;
margin-left:35px;
padding-left:60px;
}
#category
#grid #category
{
border-bottom: 1px solid gray;
}
#grid ol
......@@ -92,23 +95,27 @@
padding-left: 40px;
margin:0;
font-size: 15px;
}
#grid li
{
padding-top: 10px;
padding-bottom: 10px;
font-size:15px;
}
#grid #article
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
/*grid안에 #article */
}
}
@media (min-width:480px) and (max-width:800px){
@media (min-width:700px) and (max-width:1024px){
#grid
{
display: block;
......@@ -123,11 +130,15 @@
ol
{
border-right:none;
margin-left:35px;
padding-left:60px;
display: inline-block;
}
#category
#grid #category
{
border-bottom: 1px solid gray;
text-align: center;
list-style-position: inside;
}
#grid ol
......@@ -135,6 +146,7 @@
padding-left: 40px;
margin:0;
font-size: 15px;
}
#grid li
{
......@@ -147,6 +159,7 @@
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
text-align: center;
/*grid안에 #article */
}
......