Skip to content

Commit ea12f73

Browse files
kevinjosethomaskevinjosethomas
committed
Made website responsive
1 parent d0be725 commit ea12f73

1 file changed

Lines changed: 17 additions & 17 deletions

File tree

‎index.html‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -15,35 +15,35 @@
1515
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" />
1616

1717
</head>
18-
<body class="bg-black">
19-
<nav id="nav" class="flex flex-row items-center justify-between">
20-
<div id="left" class="flex flex-row items-center justify-center pl-20 py-5">
21-
<a href="/" class="text-white hover:text-gray-400 text-3xl font-semibold">home</a>
22-
<a href="/" class="text-white hover:text-gray-400 text-3xl font-semibold pl-8">projects</a>
18+
<body class="bg-black overflow-x-hidden">
19+
<nav id="nav" class="flex flex-row items-center justify-between overflow-x-hidden">
20+
<div id="left" class="flex flex-row items-center justify-center pl-5 md:pl-20 py-5">
21+
<a href="/" class="text-white hover:text-gray-400 text-2xl md:text-3xl font-semibold">home</a>
22+
<a href="/" class="text-white hover:text-gray-400 text-2xl md:text-3xl font-semibold pl-4 md:pl-8">projects</a>
2323
</div>
24-
<div id="right" class="flex flex-row items-center justify-center pr-20 py-5">
25-
<a href="https://discord.gg/JdZbBNc" target="_blank" class="text-white hover:text-gray-400 text-3xl pr-4"><i class="fab fa-discord"></i></a>
26-
<a href="https://twitter.com/teamcodebyte" target="_blank" class="text-white hover:text-gray-400 text-3xl pr-4"><i class="fab fa-twitter"></i></a>
27-
<a href="https://github.com/teamcodebyte" target="_blank" class="text-white hover:text-gray-400 text-3xl"><i class="fab fa-github"></i></a>
24+
<div id="right" class="flex flex-row flex-row items-center justify-center pr-5 md:pr-20 py-5">
25+
<a href="https://discord.gg/JdZbBNc" target="_blank" class="text-white hover:text-gray-400 text-2xl md:text-3xl pr-4"><i class="fab fa-discord"></i></a>
26+
<a href="https://twitter.com/teamcodebyte" target="_blank" class="text-white hover:text-gray-400 text-2xl md:text-3xl pr-4"><i class="fab fa-twitter"></i></a>
27+
<a href="https://github.com/teamcodebyte" target="_blank" class="text-white hover:text-gray-400 text-2xl md:text-3xl"><i class="fab fa-github"></i></a>
2828
</div>
2929
</nav>
3030

3131
<div class="flex flex-col items-center justify-center pb-20">
32-
<div id="info" class="flex flex-col items-center justify-center py-56">
33-
<span class="text-white text-7xl font-circular">codebyte</span>
34-
<span class="text-white text-4xl font-roboto font-thin">Gen Z R&D Team</span>
32+
<div id="info" class="flex flex-col items-center justify-center pt-56 pb-64 text-center">
33+
<span class="text-white text-6xl md:text-7xl font-circular">codebyte</span>
34+
<span class="text-white text-3xl md:text-4xl font-roboto font-thin">Gen Z R&D Team</span>
3535
</div>
36-
<div id="team" class="flex flex-row items-center justify-center pt-10">
36+
<div id="team" class="flex flex-col md:flex-row items-center justify-center">
3737
<div id="wulf" class="flex flex-col items-center justify-center">
38-
<img src="./images/wulf.png" width="256px" class="rounded-full border-4 border-xblue select-none" />
38+
<img src="./images/wulf.png" class="avatar rounded-full border-4 border-xblue select-none" />
3939
<a class="text-white text-2xl font-inter pt-2">wulf</a>
4040
</div>
41-
<div id="merc" class="flex flex-col items-center justify-center px-32">
42-
<img src="./images/tm.png" width="256px" class="rounded-full border-4 border-xblue select-none" />
41+
<div id="merc" class="flex flex-col items-center justify-center md:mx-32 my-10 md:my-0">
42+
<img src="./images/tm.png" class="avatar rounded-full border-4 border-xblue select-none" />
4343
<a class="text-white text-2xl font-inter pt-2">TrustedMercury</a>
4444
</div>
4545
<div id="shwayz" class="flex flex-col items-center justify-center">
46-
<img src="./images/shwayz.png" width="256px" class="rounded-full border-4 border-xblue select-none" />
46+
<img src="./images/shwayz.png" class="avatar rounded-full border-4 border-xblue select-none" />
4747
<a class="text-white text-2xl font-inter pt-2">Sh-wayz</a>
4848
</div>
4949
</div>

0 commit comments

Comments
 (0)