Commit fb4c7504 by Iren

add style for max-width 768px

parent 95628bf9
...@@ -851,7 +851,7 @@ video { ...@@ -851,7 +851,7 @@ video {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.option-text { .option-text {
min-height: 145px; height: 45px;
width: 240px; width: 240px;
} }
} }
...@@ -888,6 +888,12 @@ video { ...@@ -888,6 +888,12 @@ video {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@media (max-width: 768px) {
.option-card-img-container img {
width: 207px;
height: 200px;
}
}
@media (max-width: 576px) { @media (max-width: 576px) {
.option-card-img-container img { .option-card-img-container img {
width: 107px; width: 107px;
...@@ -917,8 +923,8 @@ video { ...@@ -917,8 +923,8 @@ video {
.option-card-line { .option-card-line {
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 203px; height: 243px;
transform: rotate(0deg); transform: rotate(15deg);
left: 50%; left: 50%;
top: 2%; top: 2%;
} }
......
...@@ -696,7 +696,7 @@ video { ...@@ -696,7 +696,7 @@ video {
.option-text { .option-text {
min-height: 70px; min-height: 70px;
@media (max-width: 768px) { @media (max-width: 768px) {
min-height: 145px; height: 45px;
width: 240px; width: 240px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
...@@ -727,6 +727,10 @@ video { ...@@ -727,6 +727,10 @@ video {
margin-bottom: 10px; margin-bottom: 10px;
} }
img { img {
@media (max-width: 768px) {
width: 207px;
height: 200px;
}
@media (max-width: 576px) { @media (max-width: 576px) {
width: 107px; width: 107px;
height: 100px; height: 100px;
...@@ -752,8 +756,8 @@ video { ...@@ -752,8 +756,8 @@ video {
@media (max-width: 768px) { @media (max-width: 768px) {
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 203px; height: 243px;
transform: rotate(0deg); transform: rotate(15deg);
left: 50%; left: 50%;
top: 2%; top: 2%;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment