Git-Mirrors/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2024-12-23 22:49:42 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix icons card's weight (#190)

Browse Source 
- Use responsive width + max-width instead of a fixed-set amount.
- Resolves #86

Co-authored-by: Freddy <freddy@decypher.pw>
This commit is contained in:
Gusted 2021-10-26 11:47:11 +02:00 committed by GitHub
parent 1d47ccba0b
commit d685ca54d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -61,7 +61,7 @@ layout: default
<div class="row mb-5">
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/browsers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Browsers</p>
@ -71,7 +71,7 @@ layout: default
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/software/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Software</p>
@ -81,7 +81,7 @@ layout: default
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/operating-systems/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">OS</p>
@ -91,7 +91,7 @@ layout: default
</div>
<div class="col-6 col-sm-4 col-md-3 mt-3">
<a href="/providers/">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card text-center mx-auto" style="width: 95%; max-width: 160px;">
<div class="card-body">
<span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
<p class="card-subtitle">Providers</p>