diff --git a/landing/index.css b/landing/index.css index 1425eac..1bcaa62 100644 --- a/landing/index.css +++ b/landing/index.css @@ -213,3 +213,52 @@ code { .fp-container .card { max-height: max-content; } + +@media only screen and (max-width: 768px) { + nav.card { + flex-direction: column; + width: 90%; + background-color: #4fa2ee; + } + #nav-links { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 1rem; + margin: 0; + } + .card { + backdrop-filter: none; + } + .hero, + .container { + max-width: 100%; + padding: 5rem 1rem; + } + .mobile-top { + margin-top: 0.5rem; + } + .mobile-top-2 { + margin-top: 1rem; + } + .row { + flex-direction: column; + } + #getStarted .row.pt-4 { + padding: 16px 3rem 16px !important; + } + .text-end { + text-align: center !important; + } + .float-end { + float: none !important; + margin: 0 auto; + display: block; + width: fit-content; + } + #how .row { + row-gap: 1rem; + } + .col { + padding: 0 2rem; + } +} diff --git a/landing/index.html b/landing/index.html index adb55a7..df36270 100644 --- a/landing/index.html +++ b/landing/index.html @@ -39,7 +39,7 @@
is an Ethereum-based tool to make learning and earning on the blockchain easier. Support other teen creators and get paid for your projects and work.
Cobweb lets you stream micropayments from your browser to your favourite teen creators. For creators, this means you can add a single tag on your work to get paid. For fans, this means you can automatically support other teen creators by streaming tips in the background.
Cobweb is affordable and user-controlled too, unlike pricy direct subscriptions. Users can choose to allow web monetization for one visit to unlock exclusive content just once. Cobweb helps shift from a passive web browsing experience to a creative, community-focused one.
As a plus, you'll earn your first Ethereum tokens, and learn to interact directly with the blockchain.
@@ -96,7 +96,7 @@- An Ethereum-based tool making learning and earning on the - blockchain easier for teens. + A Web3-based tool empowering teens to learn and earn on the + blockchain.
Switch connected accounts in Metamask, or proceed: