fix: image sizing
This commit is contained in:
@@ -58,10 +58,9 @@
|
|||||||
.textimage-image-wrapper.size-25 {
|
.textimage-image-wrapper.size-25 {
|
||||||
flex: 0 0 calc(40% - (var(--gap) / 2));
|
flex: 0 0 calc(40% - (var(--gap) / 2));
|
||||||
}
|
}
|
||||||
|
.textimage-wrapper.size-25 {
|
||||||
/* .textimage-wrapper.size-25 { */
|
flex: 0 0 calc(40% - (var(--gap) / 2));
|
||||||
/* flex: 0 0 calc(40% - (var(--gap) / 2)); */
|
}
|
||||||
/* } */
|
|
||||||
|
|
||||||
.textimage-image-wrapper.size-50 {
|
.textimage-image-wrapper.size-50 {
|
||||||
flex: 0 0 calc(50% - (var(--gap) / 2));
|
flex: 0 0 calc(50% - (var(--gap) / 2));
|
||||||
|
|||||||
@@ -33,8 +33,8 @@
|
|||||||
<source
|
<source
|
||||||
srcset="
|
srcset="
|
||||||
{f:uri.image(image:data.image.0, width:'320c', cropVariant:'default')} 320w,
|
{f:uri.image(image:data.image.0, width:'320c', cropVariant:'default')} 320w,
|
||||||
{f:uri.image(image:data.image.0, width:'768c', cropVariant:'default')} 768w,
|
{f:uri.image(image:data.image.0, width:'400c', cropVariant:'default')} 768w,
|
||||||
{f:uri.image(image:data.image.0, width:'1024c', cropVariant:'default')} 1024w"
|
{f:uri.image(image:data.image.0, width:'538c', cropVariant:'default')} 1024w"
|
||||||
sizes="(max-width: 320px) 90vw,
|
sizes="(max-width: 320px) 90vw,
|
||||||
(max-width: 768px) 600px,
|
(max-width: 768px) 600px,
|
||||||
600px" />
|
600px" />
|
||||||
@@ -43,6 +43,7 @@
|
|||||||
image="{data.image.0}"
|
image="{data.image.0}"
|
||||||
treatIdAsReference="1"
|
treatIdAsReference="1"
|
||||||
cropVariant="default"
|
cropVariant="default"
|
||||||
|
width="538c"
|
||||||
alt="{data.image.0.alternative}"
|
alt="{data.image.0.alternative}"
|
||||||
class="textimage-image"
|
class="textimage-image"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user