sol-mem-gen/styles.css
Nabarun fa6a88f297 Handle responsiveness in mobile browser (#6)
Part of https://www.notion.so/Add-disconnect-wallet-button-188a6b22d47280db91d5d180c7e151ae

Reviewed-on: #6
Co-authored-by: Nabarun <nabarun@deepstacksoft.com>
Co-committed-by: Nabarun <nabarun@deepstacksoft.com>
2025-01-27 14:08:02 +00:00

58 lines
1.0 KiB
CSS

/* ...existing code... */
/* Mobile styles */
@media (max-width: 600px) {
body {
font-size: 14px;
}
.container {
padding: 10px;
}
.header, .footer {
text-align: center;
}
.content {
margin: 0;
padding: 10px;
}
/* Add more styles as needed for mobile responsiveness */
}
/* Tablet styles */
@media (min-width: 601px) and (max-width: 1024px) {
body {
font-size: 16px;
}
.container {
padding: 20px;
}
.header, .footer {
text-align: center;
}
.content {
margin: 0 auto;
padding: 20px;
}
/* Add more styles as needed for tablet responsiveness */
}
/* Desktop styles */
@media (min-width: 1025px) {
body {
font-size: 18px;
}
.container {
padding: 30px;
}
.header, .footer {
text-align: left;
}
.content {
margin: 0 auto;
padding: 30px;
}
/* Add more styles as needed for desktop responsiveness */
}
/* ...existing code... */