Browse Source

Two margin-wrongs don't make a margin-right..

main
3wc 4 months ago
parent
commit
fddfea25fd
  1. 2
      css/mobile.css
  2. 28
      index.html

2
css/mobile.css

@ -862,7 +862,7 @@ transform: translate(0,0);
.mobile .hero-tilt {
height: 40px;
margin-top: 40px;
margin-top: 42px;
width: 375px;
}

28
index.html

@ -18,7 +18,7 @@
<div class="desktop screen">
<div class="header">
<div class="overlap-group-1">
<img class="hero-tilt" src="img/hero-tilt@1x.png" />
<img class="hero-tilt" src="img/hero-tilt@1x.svg" />
<div class="group-24">
<div class="flex-row">
<img class="brand bp3-animate-enter" src="img/brand-1@2x.svg" />
@ -62,7 +62,7 @@
<div class="frame-4">
<div class="overlap-group">
<div class="text liberationsans-bold-jade-32px">libre software platform</div>
<img class="icon-dove" src="img/icon-dove-6@2x.svg" />
<img class="icon-dove" src="img/icon-dove-2@2x.svg" />
</div>
</div>
<div class="text-1 liberationsans-bold-black-18px">
@ -89,7 +89,7 @@
</div>
<div class="frame-25">
<div class="overlap-group2-1">
<img class="hero-tilt-1" src="img/hero-tilt-1@1x.png" />
<img class="hero-tilt-1" src="img/hero-tilt-3@2x.png" />
<div class="frame-26"></div>
<div class="group-26">
<img class="human2" src="img/human2@2x.svg" />
@ -102,7 +102,7 @@
</div>
</div>
<div class="frame-20">
<img class="logo-autonomic bp3-animate-enter9" src="img/logo-autonomic-3@2x.svg" /><img
<img class="logo-autonomic bp3-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
class="logo-platform6 bp3-animate-enter10"
src="img/logo-platform6@2x.svg"
/><img class="logo-wa bp3-animate-enter11" src="img/logo-wa@2x.svg" />
@ -110,7 +110,7 @@
<div class="frame-21">
<img class="logo-cni bp3-animate-enter12" src="img/logo-cni@2x.svg" /><img
class="logo-mediablaze bp3-animate-enter13"
src="img/logo-mediablaze-3@2x.svg"
src="img/logo-mediablaze@2x.svg"
/>
</div>
</div>
@ -134,7 +134,7 @@
<div class="container-center-horizontal">
<div class="mobile screen">
<div class="header">
<img class="brand bp1-animate-enter" src="img/brand-5@2x.svg" />
<img class="brand bp1-animate-enter" src="img/brand-5@2x.png" />
<div class="menu bp1-animate-enter1">
<div class="about liberationmono-bold-black-18px">ABOUT</div>
<div class="support liberationmono-bold-black-18px">SUPPORT</div>
@ -156,7 +156,7 @@
<div class="text-i13629857432 valign-text-middle liberationmono-bold-jade-14px">GET IN TOUCH</div>
</div>
</div>
<img class="hero-tilt" src="img/hero-tilt-1@2x.png" />
<img class="hero-tilt" src="img/hero-tilt-1@1x.svg" />
</div>
<div class="aim">
<div class="group-23">
@ -171,7 +171,7 @@
<div class="box bp1-animate-enter4">
<div class="frame-4">
<div class="text">libre software platform</div>
<img class="icon-dove" src="img/icon-dove-10@2x.svg" />
<img class="icon-dove" src="img/icon-dove-1@2x.svg" />
</div>
<div class="text-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
@ -205,7 +205,7 @@
Serverscoop is the collective effort of new and established entities in the tech co-operative space.
</div>
<div class="frame-20">
<img class="logo-autonomic bp1-animate-enter9" src="img/logo-autonomic-5@2x.svg" /><img
<img class="logo-autonomic bp1-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
class="logo-platform6 bp1-animate-enter10"
src="img/logo-platform6-1@2x.svg"
/><img class="logo-wa bp1-animate-enter11" src="img/logo-wa-5@2x.svg" />
@ -213,7 +213,7 @@
<div class="frame-21">
<img class="logo-cni bp1-animate-enter12" src="img/logo-cni-5@2x.svg" /><img
class="logo-mediablaze bp1-animate-enter13"
src="img/logo-mediablaze-5@2x.svg"
src="img/logo-mediablaze@2x.svg"
/>
</div>
</div>
@ -236,7 +236,7 @@
<div class="tablet screen">
<div class="overlap-group">
<div class="header">
<img class="brand bp2-animate-enter" src="img/brand-7@2x.svg" />
<img class="brand bp2-animate-enter" src="img/brand@2x.svg" />
<div class="menu bp2-animate-enter1">
<div class="about liberationmono-bold-black-18px">ABOUT</div>
<div class="support liberationmono-bold-black-18px">SUPPORT</div>
@ -275,7 +275,7 @@
<div class="frame-4">
<div class="overlap-group1">
<div class="text-1 liberationsans-bold-jade-32px">libre software platform</div>
<img class="icon-dove" src="img/icon-dove-6@2x.svg" />
<img class="icon-dove" src="img/icon-dove@2x.svg" />
</div>
</div>
<div class="text-1-1 liberationsans-bold-black-18px">
@ -314,7 +314,7 @@
Serverscoop is the collective effort of new and established entities in the tech co-operative space.
</div>
<div class="frame-20">
<img class="logo-autonomic bp2-animate-enter9" src="img/logo-autonomic-5@2x.svg" /><img
<img class="logo-autonomic bp2-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
class="logo-platform6 bp2-animate-enter10"
src="img/logo-platform6-2@2x.svg"
/><img class="logo-wa bp2-animate-enter11" src="img/logo-wa-2@2x.svg" />
@ -322,7 +322,7 @@
<div class="frame-21">
<img class="logo-cni bp2-animate-enter12" src="img/logo-cni-7@2x.svg" /><img
class="logo-mediablaze bp2-animate-enter13"
src="img/logo-mediablaze-3@2x.svg"
src="img/logo-mediablaze@2x.svg"
/>
</div>
</div>

Loading…
Cancel
Save