Kevin/website
1
0
Fork 0
mirror of https://github.com/LJ5O/website.git synced 2026-08-11 22:54:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Enhanced responsiveness of footer

Browse Source
This commit is contained in:
LJ5O
2025-03-17 23:55:23 +01:00
parent 2b3c973386
commit 87ac190084
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -172,7 +172,7 @@
<div id="footer_picture"> <div id="footer_picture">
<img src="https://picsum.photos/50/50"> <img src="https://picsum.photos/50/50">
</div>- </div>
</div> <!-- Footer content --> </div> <!-- Footer content -->
<p id="footer_little_text">&lt;/&gt; with &lt;3 by Kévin. Copyright...</p> <p id="footer_little_text">&lt;/&gt; with &lt;3 by Kévin. Copyright...</p>

5
style.css
View File

@@ -273,6 +273,7 @@ footer{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: 30px; gap: 30px;
} }
@@ -286,6 +287,7 @@ footer{
#footer_social_networks{ #footer_social_networks{
width: 15%; width: 15%;
min-width: 200px;
border: 2px rgb(16, 207, 102) dotted; border: 2px rgb(16, 207, 102) dotted;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -309,7 +311,7 @@ footer{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 25%; width: 25%;
min-width: 50px; min-width: 250px;
flex-wrap: wrap; flex-wrap: wrap;
border: 2px rgb(212, 15, 230) dotted; border: 2px rgb(212, 15, 230) dotted;
align-content: flex-start; align-content: flex-start;
@@ -343,6 +345,7 @@ footer{
#footer_contact_div{ #footer_contact_div{
border: rgb(82, 15, 170) 2px solid; border: rgb(82, 15, 170) 2px solid;
width: 15%; width: 15%;
min-width: 160px;
} }
#footer_contact_div h1{ #footer_contact_div h1{
width: fit-content !important; width: fit-content !important;