From 4198ffa46785617966f34392f967e98a4e69cfd8 Mon Sep 17 00:00:00 2001 From: gigifeh Date: Fri, 6 Dec 2019 03:55:31 +0100 Subject: [PATCH] premiere colonne assez rafiney --- site/page.html | 37 +++++++++++++++++++++++++++++---- site/styles/styles.css | 46 +++++++++++++++++++++++++++++++++++++++++- 2 files changed, 78 insertions(+), 5 deletions(-) diff --git a/site/page.html b/site/page.html index 6473f0b..4f889b4 100644 --- a/site/page.html +++ b/site/page.html @@ -25,7 +25,7 @@

John Doe

- #tropbon + #DefiJobOpp
@@ -51,11 +51,40 @@
-
-

Some text inside the box.

+ +
+

Biographie

+

Sed sit amet elit mi. Vivamus laoreet lorem vel justo convallis, eu malesuada dui dictum. Aenean rutrum, turpis sagittis tristique volutpat, dolor turpis laoreet mauris, sit amet porta quam nibh vitae ipsum. Vivamus hendrerit tincidunt velit in mollis. Fusce porttitor vel lectus sed porta. Nulla ac varius justo, rhoncus aliquam dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. Cras mollis sodales massa, at malesuada sapien feugiat eget.

+

Amis

+

+ + + + + + + + + + +

+

Voir plus

+

Gallery de photos

+

gallery + gallery + gallery + gallery + gallery + gallery

+

Voir plus

+ + +
-

Some text inside the box.

+
+

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. Cras mollis sodales massa, at malesuada sapien feugiat eget.

+
diff --git a/site/styles/styles.css b/site/styles/styles.css index 8c9ce33..cde7f3f 100644 --- a/site/styles/styles.css +++ b/site/styles/styles.css @@ -142,6 +142,10 @@ section.section-profile { display: table; } +h2 { + padding-left: 30px; +} + /* ================================= */ @@ -154,7 +158,11 @@ section.section-profile { box-sizing: border-box; float: left; width: 50%; - padding: 50px; + padding: 30px; +} + +.box:first-child { + border-right: 1px solid grey; } .clearfix::after { @@ -180,3 +188,39 @@ section.section-profile { align-content: flex-end; width: 100%; } + +.title { + color: dimgrey; + text-decoration: underline; + font-size: 18px; +} + +img { + width: 50px; + border: 1px solid grey; +} + +[alt="gallery"] { + display: inline-block; + clip-path: inset(5% 12%); + width: 121px; + border: 1px solid grey; +} + +[href^="amis"], +[href^="gallery"] { + text-decoration: none; + color: grey; + text-decoration: underline; +} + + +/* =================== */ + +.post { + border: 1px solid grey; + box-sizing: border-box; + float: left; + width: 100%; + padding: 30px; +}