Georg schreef op 21-05-15 om 17:46:
You do not have to make your page responsive on wide screens, in order
to make it fit narrow screens. I suggest you manipulate the original
design through a series of mediaqueries, to make it work on narrower
screens.
That is: a "mobile last" approach that may be easier to implement in
cases like yours.
That's also an approach to take into account. Nice name "Mobile Last"
:-) Thanks Georg, also for the css.
Thanks all for the comments. Indeed i know that on small screens things
overlap. That's the challenge for the next step.
What do you think about the current main structure of the site. Is
suitable for making it mobile?
The current main structure is 3 columns (percentage based) in a wrapper.
Completed with a header and footer. Main css for the columns:
#wrap{width:100%; height:auto; float:left; margin:1.25rem 0 1rem 0;}
#left{width:20%; height:auto; float:left; margin:0 0 0 0.6rem;}
#mid{width:60%; height:auto; float:left; padding:0 0 0 0.6rem;}
#right{width:20%; height:auto; float:left; margin:0 0 0 0.6rem;}
Or are there particulary problems to expect when taking this setup as a
base for mobile/small screens?
Thanks you all, Erik
______________________________________________________________________
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/