From eb56280fb4ecf89679e5b3dd344e9c2ed62ccfd7 Mon Sep 17 00:00:00 2001
From: Lucas <lucas@larroche.com>
Date: Sat, 8 Aug 2020 11:11:38 +0700
Subject: [PATCH] Readme layout

---
 README.md | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index d32b56f0..4db1580d 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,20 @@
+<p align="center">
+  <a href="https://picocss.com/">
+    <img src="https://picocss.com/img/logo.svg" width="64" height="64">
+  </a>
+</p>
 
-<a href="https://picocss.com/">
-  <img src="https://picocss.com/img/logo.svg" width="64" height="64">
-</a>
+<h3 align="center">Pico.css</h3>
+
+<p align="center">
+  <strong>Graceful & Minimal CSS design system in pure semantic HTML.</strong><br>
+  Elegant styles for all natives HTML elements without `.classes` and dark mode automatically enabled.<br><br>
+  <a href="https://picocss.com/#examples">Examples</a> ·
+  <a href="https://picocss.com/docs/">Documentation</a>
+</p>
 
 # Pico.css
 
-**Graceful & Minimal CSS design system in pure semantic HTML.**  
-Elegant styles for all natives HTML elements without `.classes` and dark mode automatically enabled.
-
 `5.6 KB` minified and gzipped
 
 - **Class-light and semantic**: we use simple native HTML tags as much as possible. Only 6 .classes are used in Pico.