Browse Source

Reverse gogs

DricomDragon 5 years ago
parent
commit
fdb2456b6d
3 changed files with 17 additions and 4 deletions
  1. 16 3
      web/custom.css
  2. BIN
      web/img/gogs.png
  3. 1 1
      web/index.html

+ 16 - 3
web/custom.css

@@ -17,6 +17,22 @@ p {
 	margin: 16px 0;
 }
 
+.feature p {
+	text-align: left;
+}
+
+.is-reverse {
+	flex-direction: row-reverse;
+}
+
+.is-reverse p {
+	text-align: right;
+}
+
+.is-reverse h2 {
+	text-align: right;
+}
+
 .feature-img {
 	width: 128px;
 }
@@ -25,6 +41,3 @@ p {
 	flex: 1;
 }
 
-.feature p {
-	text-align: left;
-}

BIN
web/img/gogs.png


+ 1 - 1
web/index.html

@@ -27,7 +27,7 @@
 				<p>My own website containing my resume and coding achievements. Website in French.</p>
 			</div>
 		</div>
-		<div class="feature">
+		<div class="feature is-reverse">
 			<div class="feature-img">
 				<img src="img/gogs.png" alt="Folio website logo" width=128>
 			</div>