layout: fix medias integration

* Limit the figure width for large screens.
* Add a small border to figures.
* Update the changelog.

Co-Authored-by: iGor milhit <igor@milhit.ch>

CHANGELOG.md

@@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [0.2.0](https://framagit.org/iGormilhit/portfoliGor/compare/0.1.1...0.2.0)
+## [Unreleased](https://framagit.org/iGormilhit/portfoliGor/compare/v0.2.0...HEAD)
+
+## [v0.2.0](https://framagit.org/iGormilhit/portfoliGor/compare/0.1.1...v0.2.0) - 2021-11-03
 
 ### Fixed
 
@@ -19,6 +21,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 ### Commits
 
+- release: v0.2.0 [`64c93b7`](https://framagit.org/iGormilhit/portfoliGor/commit/64c93b72d6522ab6ce1ebec42ee81e0809f8cb17)
 - header: restore and adapt the avatar image [`ad3ee27`](https://framagit.org/iGormilhit/portfoliGor/commit/ad3ee27f0a2391cd0ae3893da238c86e9ed26feb)
 - colors: move the visited property up the others [`07d9577`](https://framagit.org/iGormilhit/portfoliGor/commit/07d9577e8cbeaf7710833e6267148cabff837cc4)
 - colors: colorizes the link on hover [`52a8e25`](https://framagit.org/iGormilhit/portfoliGor/commit/52a8e251f9bcee37de941010bd2715125116deaa)

assets/scss/_medias.scss

@@ -1,5 +1,7 @@
 .audio,
 .stream {
+  border: $dark-polar solid 1px;
+
   audio {
     border-radius: .5rem;
     width: 100%;
@@ -50,6 +52,11 @@ figure {
   margin-left: .4rem;
   margin-right: .4rem;
   padding: .4rem;
+  border: $dark-polar solid 1px;
+
+  @include breakpoint(laptop) {
+    max-width: 80%;
+  }
 
   img {
     width: 100%;
@@ -58,5 +65,6 @@ figure {
   p {
     margin: .2rem 0;
     text-align: center;
+    font-size: $font-size-small;
   }
 }