From 839cb9dbea881cac18aae75829aeba33907c03aa Mon Sep 17 00:00:00 2001
From: Benjamin Bouvier
Date: Mon, 4 Jun 2018 14:57:21 +0200
Subject: [PATCH] Descriptions courtes pour chacun des services;
---
css/main.css | 21 +++++++++++++--------
index.html | 35 +++++++++++++++++++++++++----------
2 files changed, 38 insertions(+), 18 deletions(-)
diff --git a/css/main.css b/css/main.css
index 97addbf..919e941 100644
--- a/css/main.css
+++ b/css/main.css
@@ -50,20 +50,25 @@ footer a {
color: #f5f5f5;
}
+.services h1 {
+ font-size: 2em;
+}
.services h2 {
border-bottom: 2px solid black;
margin-bottom: .5em;
}
+
.services ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
}
+
.services ul li {
+ display: flex;
+ flex-direction: column;
background-color: #5c6bc0;
- position: relative;
- height: 230px;
list-style: none;
margin-bottom: .5em;
text-align: center;
@@ -90,27 +95,27 @@ footer a {
.services ul li a {
display: block;
height: 100%;
+ margin: 0 0.5em 0.5em 0.5em;
+ text-decoration: none;
}
.services ul li img {
- margin: 1em;
+ margin: 1em 1em 0 1em;
max-width: 150px;
}
.services ul li span {
color: white;
display: block;
- position: absolute;
text-align: center;
- text-decoration: none;
width: 100%;
}
.services ul li .name {
- bottom: 30px;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}
-.services ul li .url {
- bottom: 5px;
+.services ul li .subtitle {
+ font-size: 0.8em;
+ font-style: oblique;
}
@media (max-width: 700px) {
diff --git a/index.html b/index.html
index 71c6c15..ae716a2 100644
--- a/index.html
+++ b/index.html
@@ -43,37 +43,44 @@
- Services
-