19blue

Site URL: https://www.mgadv.no/kontakt Hi anyone, 1. Trying to control the size of the circles on mobile to match the edited image. 2. Also hoping to align the circles (image card) to the type (vertical: center, horizontal: left.) 3. The image of the building is sometimes scaling down and not aligning to the other elements, how can i force it to stay aligned to page margins. Left image is current, right image is desired layout. any help much appreciated. Thank you.

@vauclusebitter I was able to use your code for my site. My site's background color is white so i set the background color for #hover-element to match. #hover-element { display: none; position: absolute; top: 0px; background-color: #ffffff; } #hover-div:hover #hover-element { display:block Hope this helps!

@tuanphan It's been solved through constructing the page differently. Again thanks to your help; Thank you.

@tuanphan thank you! worked perfectly.

Thank you again @tuanphan I tried the .sqs-col-3 but it moves the 4th column down.

This code gives me three vertically/horizontally responsive columns with equal height and width with buttons aligned. Regardless of difference in length of copy. However, it does not work when attempting to have four columns across. Any ideas of how I can make it work for four columns? Thanks in advance. [your-data-section-id] .sqs-row { display: flex; flex-wrap: wrap; } [your-data-section-id] .sqs-col-4 { background-color: #ebebeb; box-sizing: border-box; display: flex; flex: 1 1 330px; flex-direction: column; margin: 1%; padding: 30px; } [your-data-section-id] .button-block { margin-top: auto; }

The problem occurs when scaling the browser. (images below)

The tekst was previously aligned to the vertical center of each cirlces. now they have dropped down.

Didn't seem to do the trick...

Hi again @tuanphan I´ve made some updates to the website and somehow the vertical text/image alignment is off. Would you know how to fix this? It was originally center aligned vertically, and not so far away from the circle. Thank you.

@tuanphan No, not prior to testing the code.

Thank you @tuanphan It's not working but thanks for helping.

@tuanphan Thank you again! The code almost worked. It's giving me two extremely long boxes and two short stacked ones instead of 4 equal ones.

Hi @tuanphan , no worries any help is much appreciated. Still haven't found a solution.

Hi @tuanphan Is there any way to ensure equal height on these markdown boxes on this page and have the buttons and various copy sections line up as well? https://www.sentrumosteopati.no/priser-1