Change Width of Blog Title in Brine Template on Desktop Only (NOT MOBILE)

I added some custom code to change the width of the blog titles to not be so long - but it also affects the width on mobile } .BlogItem-title { margin-left:10%; margin-right:10% }Anyway this code can exclude mobile?

@nicolestone

/* Only on Desktop - Tablet */
@media screen and (min-width:641px) {
.BlogItem-title { margin-left:10%; margin-right:10% }
}

Accept Answer and Upvote if it worked. Thanks.Reference: https://beaverhero.com/squarespace-all-css

Hey there! Thanks for the input, however, it didn't seem to change anything?

@nicolestone If you want to apply for only mobile/desktop/table, use these code

/* Mobile */
@media screen and (max-width:640px) {
Paste Your Custom Code (CSS) Here
}
/* Tablet */
@media screen and (min-width:641px) and (max-width:900px) {
Paste Your Custom Code (CSS) Here
}
/* Desktop */
@media screen and (min-width:901px) {
Paste Your Custom Code (CSS) Here
}

/* Tablet - Desktop */
@media screen and (min-width:641px) {
Paste Your Custom Code (CSS) Here
}