Previous Message
Next Message

Responsive grid layout with graphics and scaling

Sent by Karl DeSaulniers on 16 July 2016 08:08


Oh no, that is the part you needed to change Tom.
I only set those to do that for the example to show you could set different sizes and it worked.
If you set them to the same height and change the widths, I believe that is what you were talking
about.
If not, then good luck, I tried.. :)

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com




> On Jul 15, 2016, at 8:19 AM, Tom Livingston [EMAIL-REMOVED]> wrote:
> 
> This does not do what I was looking for. Images scale at different times
> and are different sizes while doing so. Looks like flex is the best option.
> 
> Thanks for the time!
> 
> 
> On Sat, Jul 2, 2016 at 12:52 AM, Karl DeSaulniers [EMAIL-REMOVED]>
> wrote:
> 
>> Hey Tom,
>> I had this in my codepen. Made a few adjustments to taylor to your needs
>> (hopefully).
>> I "think" this is what you're going for. The :nth-child stuff is just for
>> demo purposes.
>> This also doesn't use flex. You will have to season to taste though and
>> make it work for you.
>> 
>> http://codepen.io/designdrumm/pen/BzRrKg
>> 
>> Best,
>> 
>> Karl DeSaulniers
>> Design Drumm
>> http://designdrumm.com
>> 
>> 
>> 
>> 
>> On Jul 1, 2016, at 12:44 PM, Tom Livingston [EMAIL-REMOVED]> wrote:
>> 
>>> On Fri, Jul 1, 2016 at 8:58 AM, Chris Rockwell [EMAIL-REMOVED]>
>>> wrote:
>>> 
>>>> Hi Tom,
>>>> 
>>>> OK, I think they should scale, by default, at the same time also.  I'm
>>>> apparently pretty dense this week but are you finding otherwise?
>> Consider
>>>> this: http://codepen.io/anon/pen/GqmdxG - is that the behavior?
>>>> 
>>> 
>>> 
>>> This is great, yes. However, will it work without flex? Sorry, don't have
>>> time to play with it right now...
>>> 
>>> 
>>> 
>>> 
>>> --
>>> 
>>> Tom Livingston | Senior Front End Developer | Media Logic |
>>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>>> 
>>> 
>>> #663399
>>> ______________________________________________________________________
>>> css-discuss [EMAIL-REMOVED]]
>>> http://www.css-discuss.org/mailman/listinfo/css-d
>>> List wiki/FAQ -- http://css-discuss.incutio.com/
>>> List policies -- http://css-discuss.org/policies.html
>>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>> 
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>> 
> 
> 
> 
> -- 
> 
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> 
> 
> #663399
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: