JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<img src="http://www.placehold.it/480x30" />

<img src="http://www.placehold.it/300x30" />

<button id="edge">Make 480</button>
<button id="small">Make 497</button>

CSS

body
{
    margin:0;
    padding:0;
}
@media (max-width: 480px)
{
    img
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

JavaScript

$("#edge").click(function(){
    $("#result").width("480px")
});

$("#small").click(function(){
    $("#result").width("497px")
});