-
Posts
-
Hello,
I have two rows on my homepage, each with 3 layout elements 1/3 next to each other. In each of these layout elements I have the following in this order: Image, text, text, button. In each row, the respective elements should start at the same height. I have tried using whitespace, but this produces different results depending on the browser, screen, etc. Is there a better solution for this?Thanks!
with your nick it is easy to find your page – so maybe you give us the link to the page it concerns ;)
Hi,
When I check your elements on desktop and mobile, they look correct:
because the lines of text is the same
only between 768px-1240px does the screen size change the number of lines in the text:
Try adding a custom class to each of the headings, like “heading” and another custom class to each content under it, like “content”
Then I believe that we can help with some javascript to help for these screen sizes.Best regards,
MikeHi,
Also the other five images are all 80px in height, only the first green image is smaller, please add a new image that is the same height as the others, even if you add transparent space to the top and bottom, if you want it centered, or just to the bottom it you want it top aligned.Best regards,
Mike
- You must be logged in to reply to this topic.