Exactly same div. But one is still bigger than the other?

Design help General
1

Hi,

I have 2 exactly the same div. They look the same, but when you are resizing the screen a bit, the width of the first one suddenly become smaller.

I reckon it has probably to do with the text next to it, still I don’t understand why this is happening?

Anyone know how to make the same divs the same length again?

afbeelding
afbeelding1011×448 16.9 KB

https://preview.webflow.com/preview/raas-eeb0e3?utm_medium=preview_link&utm_source=designer&utm_content=raas-eeb0e3&preview=0758370d6c65772250a1d5b70586a41c&pageId=666ffdf6555f7d00db76103e&locale=en&workflow=preview

2

Set a minimum width to the div - this is happening because like you said, the other text in the first section is wider, and it’s trying to make room for it by shrinking the div to the left.

3

@Mourik You can achieve this by adding below CSS:

min-width: max-content;

Please add this css to your .link__fase class.

Hope this helps you.

4

This seems also a good solution. Where to put this exactly?