JSFiddle - React, Tailwind, and code Playground

by Mavili

HTML

<p class="phonImgP">

<button name='$img'>
<img src='https://f.vividscreen.info/soft/8bbfc330a8e565b406791b98ba9a373c/Eiffel-Tower-In-Paris-1920x1080.jpg' class='imgPhon' id='imgPhonSelect'></button>

<button name='$img'>
<img src='https://s1.1zoom.ru/big3/753/371608-svetik.jpg' class='imgPhon'>
</button>
                                             
</p>

CSS

.imgPhon{
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.imgPhon button{
    padding: 0px;
    font-size: 0px;
    border: none
}
.topic{
    position: relative;
    text-align: left;
    margin-left: 20px;

}
#imgPhonSelect{
    border-style: solid;
    border-color: #3bc175;
    border-width: 2px;
}