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);
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
width: 90%;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
button {
|
||||
|
|
@ -108,4 +108,10 @@ button:hover { cursor: pointer; }
|
|||
border-style: solid;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.card {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue