How to convert this snippet from 1.0 to 2.0? (responsive images not working in 2.0)

[xmatic]

Hi -- the following Skeleton 1.0 code is not working properly with Skeleton 2.0... what changes should I do to it to make it work properly. (It consists of a couple of images which were beautifully responsive with 1.0, but now it's kind of a mess.)

<div class="container">
    <div class="twelve columns">
        <h1 class="remove-bottom" style="margin-top: 40px"> Page Title </h1>
        <h4> Page Sub Title </h4>
        <hr />
    </div>


    <div class='six columns'>

        Some text...

        <img src="images/pic1.jpg" class="scale-with-grid">


        <br><hr/> </div> 

    <div class='six columns'>

        Some more text...

        <img src="images/pic2.jpg" class="scale-with-grid">


        <br><hr/> </div> 

</div><!-- container -->

[susedan]

Adding the following css to your skeleton.css file should fix the issue

img.scale-with-grid { width:100%; height: auto; }

[xmatic]

@susedan Thank you, appreciate the reply. I will try this out.

[itsdarrylnorris]

Should this issue be close ?

[gld1982ltd]

It should be, but the developer is absent.