Made Image more responsive
This commit is contained in:
parent
0bb23d6a71
commit
aa2a5cf3cc
@ -1,4 +1,6 @@
|
|||||||
.LP-Image{
|
.LP-Image{
|
||||||
max-width:100%;
|
object-fit: cover;
|
||||||
max-height:100%;
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
@ -1,3 +1,5 @@
|
|||||||
{
|
{
|
||||||
|
"context":{
|
||||||
|
"source": "/images/photo_2020-05-02_18-11-21.jpg"
|
||||||
|
}
|
||||||
}
|
}
|
@ -1,23 +1 @@
|
|||||||
<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
|
<img src="{{source}}" class="LP-Image"/>
|
||||||
|
|
||||||
<div style="height: 80px;width: 40px; background-color: green;">
|
|
||||||
<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
<div style="height: 40px;width: 80px;background-color: green;">
|
|
||||||
<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
<div style="height: 80px;width: 40px;background-color: green;">
|
|
||||||
<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
<div style="height: 40px;width: 80px;background-color: green;">
|
|
||||||
<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
|
|
||||||
</div>
|
|
Loading…
Reference in New Issue
Block a user