Hi Jim
If I'm understanding your question, you can simply
remove your floats at that media query
so ...
for both of those left and right divs
*float:none;*
and make both
*width: 100%;*
On Wed, Dec 14, 2016 at 1:47 PM, GJim <jarne...@wyomerc.com> wrote:
> All,
>
> Not sure if this can be resolved in CSS or HTML - I'm asking in the CSS
> list
> first.
>
> On this page:
> www.wyomerc.com/index_test.html
>
> I want the right-hand block ('Essays') to drop below the left-hand block
> ('Reference') when the media width is less than 768px (an arbitrary number
> at
> this point), but stay to the right at greater screen sizes. My CSS is
> working,
> at least to the point of changing the size of the block (from 55% to 35%)
> and
> the float, but I'm flummoxed as to how to get the block to drop.
>
> Assistance greatly appreciated.
>
> G-Jim c):{-
>
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> 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/
>
--
Cassandra King
Volunteer Coordinator
Coded by Kids
215-600-3405 ext. 700
CODEDBYKIDS.COM
twitter.com/codedbykids
facebook.com/codedbykids
*Contact me if you are a web developer. We are looking for volunteers.*
Volunteer Coordinator
Coded by Kids
http://normavelasco.com
http://cassandraking.net
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
