diff --git a/README.md b/README.md
index a177bd33..6eaf8809 100644
--- a/README.md
+++ b/README.md
@@ -21,8 +21,11 @@
- **Class-light and semantic**: we use simple native HTML tags as much as possible. Only 6 .classes are used in Pico.
+
- **Great styles with just one CSS file**: No dependencies, package manager, external files or JavaScript.
+
- **Responsive everything**: Elegant and consistent adaptatives spacings and typography on all devices.
+
- **Light or Dark mode**: Shipped with two beautiful color themes, automatically enabled according to the user preference.
## Usage
@@ -50,14 +53,27 @@ npm install @picocss/pico
## Examples
-
-
-
+[](https://picocss.com/#examples)
-- [**Class-less**](https://picocss.com/examples/classless/): Just a pure semantic HTML markup, without `.classes`
-- [**Company**](https://picocss.com/examples/company/): A classic company or blog layout with a sidebar.
-- [**Google Amp**](https://picocss.com/examples/google-amp/): A simple layout for Google Amp, with inlined CSS.
-- [**Sign in**](https://picocss.com/examples/sign-in/): A minimalist layout for Login pages.
+- **[Class-less](https://picocss.com/examples/classless/)**
+ Just a pure semantic HTML markup, without `.classes`
+
+- **[Company](https://picocss.com/examples/company/)**
+ A classic company or blog layout with a sidebar
+
+- **[Google Amp](https://picocss.com/examples/google-amp/)**
+ A simple layout for Google Amp, with inlined CSS
+
+- **[Sign in](https://picocss.com/examples/sign-in/)**
+ A minimalist layout for Login pages
+
+- **[Form elements](https://picocss.com/examples/form-elements/)**
+ Semantic HTML form markup, without any `.classes` or `JavaScript`
+
+- **[Bootstrap grid system](https://picocss.com/examples/bootstrap-grid/)**
+ Custom CSS build with the Bootstrap grid system to manage complex grid layouts in Pico
+
+All examples are open-sourced in [picocss/examples](https://github.com/picocss/examples).
## Documentation
diff --git a/docs/index.html b/docs/index.html
index 5002526c..aa23cea0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -328,6 +328,7 @@
Columns intentionally collapses below large devices (992px)
.
To go further, discover how to merge Pico with the Bootstrap grid system.
As Pico focus on native HTML elements, we kept this grid system very minimalist.
-A full grid system in flexbox, with all the ordering, offsetting and breakpoints utilities can be +140% of the whole Pico library size. Not really in the Pico spirit.
+A full grid system in flexbox, with all the ordering, offsetting and breakpoints utilities can be heavier than the total size of the Pico library. Not really in the Pico spirit.
If you need a quick way to prototyping or build a complex layouts, you can look about Flexbox grid layouts. For example: Bootstrap Grid System only or Flexbox Grid.
If you need a light and custom grid, you can look about CSS Grid Generators. For example: CSS Grid Generator, Layoutit! or Griddy.
Alternatively you can Learn about CSS Grid.
@@ -754,6 +755,7 @@ </fieldset> +Advanced example with all form elements supported in Pico here.