fix: image sizing
Some checks failed
Build / deploy-stage (push) Blocked by required conditions
Build / switch-stage (push) Blocked by required conditions
Build / deploy-production (push) Blocked by required conditions
Build / build (push) Has been cancelled

This commit is contained in:
2024-12-20 20:39:14 +01:00
parent 3cddcd8c5d
commit bf43f52046
2 changed files with 6 additions and 6 deletions

View File

@@ -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));

View File

@@ -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"
/> />