@@ -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 {
.feature-img {
width: 128px;
@@ -25,6 +41,3 @@ p {
flex: 1;
-.feature p {
- text-align: left;
-}
@@ -27,7 +27,7 @@
<p>My own website containing my resume and coding achievements. Website in French.</p>
</div>
- <div class="feature">
+ <div class="feature is-reverse">
<div class="feature-img">
<img src="img/gogs.png" alt="Folio website logo" width=128>