satRdays / amsterdam2018

SatRday event in Amsterdam
http://amsterdam2018.satrdays.org/
1 stars 0 forks source link

Square image #11

Closed koaning closed 6 years ago

koaning commented 6 years ago

@RMHogervorst this is something you could consider maybe?

the main trick lies in this:

<div class="wrap row">
    <div class="col-sm-12">
        <img src="photos/square_bike.jpg" class="figure-img img-fluid rounded" alt="" style="width:100%">
    </div>
</div>

The image needs to be in a div.container which needs to be in a div.row in bootstrap. This is a bootstrap-css thing but without it has a hard time inheriting properties from parent-html classes.

The image might need editing but at least the image scales nicely when you resize this way.