marcj / css-element-queries

CSS Element-Queries aka Container Queries. High-speed element dimension/media queries in valid css.
http://marcj.github.io/css-element-queries/
MIT License
4.27k stars 487 forks source link

swapping divs depending on size #134

Closed tofutim closed 7 years ago

tofutim commented 7 years ago

Hi Marc, can you advise on http://stackoverflow.com/questions/40393917/how-can-i-swap-images-depending-on-the-available-div-width

I have three paypal images created by scripts (rather than img)

<div class="paypal-row row">
                                                <div class="paypal-small">
                                                    <!-- 144px by 39px -->
                                                    <script src="https://www.paypalobjects.com/api/button.js?"
                                                            data-merchant="braintree"
                                                            data-id="paypal-button"
                                                            data-button="checkout"
                                                            data-color="blue"
                                                            data-size="small"
                                                            data-shape="pill"
                                                            data-button_type="button"
                                                            data-button_disabled="false"></script>
                                                </div>
                                                <div class="paypal-medium">
                                                    <!-- 226px by 47px -->
                                                    <script src="https://www.paypalobjects.com/api/button.js?"
                                                            data-merchant="braintree"
                                                            data-id="paypal-button"
                                                            data-button="checkout"
                                                            data-color="blue"
                                                            data-size="medium"
                                                            data-shape="pill"
                                                            data-button_type="button"
                                                            data-button_disabled="false"></script>
                                                </div>
                                                <div class="paypal-tiny">
                                                    <!-- 80px by 20px -->
                                                    <script src="https://www.paypalobjects.com/api/button.js?"
                                                            data-merchant="braintree"
                                                            data-id="paypal-button"
                                                            data-button="checkout"
                                                            data-color="blue"
                                                            data-size="tiny"
                                                            data-shape="pill"
                                                            data-button_type="button"
                                                            data-button_disabled="false"></script>
                                                </div>
                                            </div>
marcj commented 7 years ago

Sorry, what has this to do with this library?