Vertical Aligning Image Elements -...

User 2823310 Photo


Registered User
312 posts

Well I was looking at some vertical alignment options for images in RSD foundation and wrote this up:
http://gordw.com/rsd/test/vertical/

So anyone got an idea I should add or think I should change?
I'll polish it up and add it to step by step eventually...

It's too bad the foundation equalizer-on is messed up in RSD. Got most of those other ones fixed so maybe there is something we can find for this as well? Just found the problem so I haven't had a chance to get into it as yet.
User 379556 Photo


Registered User
750 posts

I've not played with Foundation equalizer, but am wondering whether the Flex Grow, Shrink etc. settings (e.g. as here) could be useful for equalising height. Including some tuition on this would certainly be useful for me, as it is a concept which looks useful but which I don't sufficiently understand.

Thanks.
Frank
User 2699991 Photo


Registered User
1,802 posts
Online Now

Frank Cook wrote:
I've not played with Foundation equalizer, but am wondering whether the Flex Grow, Shrink etc. settings (e.g. as here) could be useful for equalising height. Including some tuition on this would certainly be useful for me, as it is a concept which looks useful but which I don't sufficiently understand.

Thanks.
Frank


I have video on this type of thing,, not exactly the same as Alter Eagle has done it,, this just uses containers in the column but the effect is the same as far as I can see anyway.
The problem is that I am redoing my site at the moment so the video isn't up, if you want look at it email me & I will put it up again on youtube
The Help You Need : When You Need It The Most
website https://rsdtutorials.com
new website https://sdv3tutorials.com
components cabinet https://sdv3tutorials.com
hit the components cabinet link

User 379556 Photo


Registered User
750 posts

Thanks, Wayan.

Email just sent.

Frank
User 232214 Photo


COO
823 posts

Alter Eagle wrote:
Well I was looking at some vertical alignment options for images in RSD foundation

It's too bad the foundation equalizer-on is messed up in RSD.

If I remember correctly, the equalizer depends on Javascript. As Frank indicates, I would recommend to use Flexbox for this. You can achieve the same results, not be depended on JS execution and be flexible (adjustable) at breakpoint.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2699991 Photo


Registered User
1,802 posts
Online Now

Frank Cook wrote:
Thanks, Wayan.

Email just sent.

Frank

Got the email Frank,, but my way doesn't use flexbox at all just plain old containers in a column,, I believe Mansure has a video on youtube about flexbox shrink & grow but can't seem to find the thread with the link at the moment

Wayan
The Help You Need : When You Need It The Most
website https://rsdtutorials.com
new website https://sdv3tutorials.com
components cabinet https://sdv3tutorials.com
hit the components cabinet link

User 379556 Photo


Registered User
750 posts

Wayan Jaya wrote:
I believe Mansure has a video on youtube about flexbox shrink & grow

Thanks, Wayan. I'll search for it.

Frank
User 379556 Photo


Registered User
750 posts

My thanks to Wayan and Alter Eagle.

I think the tutorials mentioned by Wayan may be
here (from about 7.5 minutes in) and
here (from about 2.5 minutes in).

Alter Eagle's tutorial is now expanded usefully to include Flexbox grow etc.

Thanks again.
Frank

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.