fix: Image warping on small screen
This commit is contained in:
parent
8ef4410c55
commit
9e0ae8e98c
@ -71,7 +71,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="d-none d-print-none d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none">
|
<div class="d-none d-print-none d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none">
|
||||||
<div class="d-xl-flex align-items-xl-center" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;display: inline-flex;margin: 1%;width: 98%;">
|
<div class="d-xl-flex align-items-xl-center" style="background: #f1ffff;border-radius: 10px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;display: inline-flex;margin: 1%;width: 98%;">
|
||||||
<div style="width: 20vw;height: 20vw;max-width: 200px;max-height: 200px;display: inline-block;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
|
<div style="width: 20vw;height: 20vw;display: inline-block;"><img src="{{avatar}}" width="100%" height="100%" style="border-radius: 50%;"></div>
|
||||||
<div style="display: inline-block;margin-left: 40px;">
|
<div style="display: inline-block;margin-left: 40px;">
|
||||||
<div>
|
<div>
|
||||||
<p style="font-size: 24px;">{{hnschat}}</p>
|
<p style="font-size: 24px;">{{hnschat}}</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user