+
+ Connected Wallet
+
{walletState.publicKey?.slice(0, 22)}...
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..8b610b0
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,57 @@
+/* ...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... */
diff --git a/tsconfig.json b/tsconfig.json
index e904f96..4d17c36 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,7 +22,8 @@
{
"name": "next"
}
- ]
+ ],
+ "strictNullChecks": true
},
"include": [
"next-env.d.ts",