Re: [css-d] Mobile Issues to Solve
Philip Taylor wrote:
Mike Manley wrote:
This is my first attempt to make a site responsive. My approach was
keep everything as much as possible, device resolution independent using
a single css file. I do have a couple of problems I would like to
solve. The header is to large on screens <=480px and the tap targets
(nav links) are to small on screens <=320px. What would be the best way
to target these 2 items directly without affecting screens >=480px? I
can only test on a Samsung G-S4 and a high resolution desktop. I'm
Still learning media queries.
The site is at http://www.thetangos.com
I am NOT a designer. I would like some constructive feedback on the
site as well (off list please).
As "The Tango's" ("The Tango's ?", one is forced to ask) is text,
Thats a very long story but the short version is, It is Nick Name given
to me many years ago.
why is it presented as a graphic ? If it were text, it could
automatically adjust to better fit the available width ...
Philip Taylor
I tried to do it as text and couldn't get it to sit nicely next to the
graphic. You are correct it be text so I will give it another go.
TIA...Michael
__
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/
Re: [css-d] Mobile Issues to Solve
Mike Manley wrote:
> This is my first attempt to make a site responsive. My approach was
> keep everything as much as possible, device resolution independent using
> a single css file. I do have a couple of problems I would like to
> solve. The header is to large on screens <=480px and the tap targets
> (nav links) are to small on screens <=320px. What would be the best way
> to target these 2 items directly without affecting screens >=480px? I
> can only test on a Samsung G-S4 and a high resolution desktop. I'm
> Still learning media queries.
> The site is at http://www.thetangos.com
>
> I am NOT a designer. I would like some constructive feedback on the
> site as well (off list please).
As "The Tango's" ("The Tango's ?", one is forced to ask) is text,
why is it presented as a graphic ? If it were text, it could
automatically adjust to better fit the available width ...
Philip Taylor
__
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/
[css-d] Mobile Issues to Solve
This is my first attempt to make a site responsive. My approach was keep everything as much as possible, device resolution independent using a single css file. I do have a couple of problems I would like to solve. The header is to large on screens <=480px and the tap targets (nav links) are to small on screens <=320px. What would be the best way to target these 2 items directly without affecting screens >=480px? I can only test on a Samsung G-S4 and a high resolution desktop. I'm Still learning media queries. The site is at http://www.thetangos.com I am NOT a designer. I would like some constructive feedback on the site as well (off list please). TIA... Michael __ 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/
