Added media query to handle width for only mobile screens
This commit is contained in:
parent
318fcc0750
commit
1108ae907a
1 changed files with 7 additions and 1 deletions
|
|
@ -78,7 +78,7 @@ export default {
|
||||||
color: var(--spotify-green);
|
color: var(--spotify-green);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
width: 90%;
|
width: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
@ -108,4 +108,10 @@ button:hover { cursor: pointer; }
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.card {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue