diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md index 8fccf6a..cf80f82 100644 --- a/_posts/2019-08-08-text-and-typography.md +++ b/_posts/2019-08-08-text-and-typography.md @@ -102,20 +102,20 @@ _400px image width_ - Left aligned -![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"} +![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
- Float to left - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .left} "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
- Float to right - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .right} "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
diff --git a/_posts/2019-08-08-write-a-new-post.md b/_posts/2019-08-08-write-a-new-post.md index 06a681c..01cdad4 100644 --- a/_posts/2019-08-08-write-a-new-post.md +++ b/_posts/2019-08-08-write-a-new-post.md @@ -118,19 +118,19 @@ By default, the image is centered, but you can specify the position by using one Image will be left aligned in below sample: ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"} + ![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal} ``` - **Float to the left** ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .left} ``` - **Float to the right** ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .right} ``` > **Limitation**: Once you specify the position of an image, it is forbidden to add the image caption.