Glavo/minimal-mistakes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit not about 1200px wide figure element that breaks content flow.

Browse Source 
- Close #369
This commit is contained in:
Michael Rose 2016-06-19 12:49:37 -04:00 committed by GitHub
parent f7ebec950c
commit f033ebac69
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_posts/2013-01-10-markup-image-alignment.md
View File

@ -58,7 +58,7 @@ And now for a **massively large image**. It also has **no alignment**.
<figcaption>Massive image comment for your eyeballs.</figcaption> <figcaption>Massive image comment for your eyeballs.</figcaption>
</figure> </figure>
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. The figure element above has an inline style of `width: 1200px` set which should break it outside of the normal content flow.
<figure style="width: 300px" class="align-right"> <figure style="width: 300px" class="align-right">
<img src="{{ site.url }}{{ site.baseurl }}/images/image-alignment-300x200.jpg" alt=""> <img src="{{ site.url }}{{ site.baseurl }}/images/image-alignment-300x200.jpg" alt="">
@ -69,4 +69,4 @@ And now we're going to shift things to the **right align**. Again, there should
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah --- Just like that. It never felt so good to be right. In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah --- Just like that. It never felt so good to be right.
And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked! And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!