Re: [directory-discuss] To narrow text

[Chris F.A. Johnson]

On Thu, 16 Apr 2015, Greg Rundlett (freephile) wrote:

> On Thu, Apr 16, 2015 at 1:18 PM, Joshua Gay <address@hidden> wrote:
>       On 04/16/2015 02:12 AM, David Englund/Hedlund wrote:
>       > Why is the text so narrow in say
>       > https://directory.fsf.org/wiki/GNU_IceCat ?
>
>       I think the description that was there was much longer than we needed. I
>       went ahead and provided a shorter description.
>
>       > Can you please make it wider?
>
>       Our CSS on the Directory is not very good. You can thank me for that :-)
>
>       To get our widths working properly we probably need to start using use
>       @media CSS element.

   Probably not necessary.

> Hi All,
>
> A change to use percentages and 'em's instead of hard pixel widths or font size 
> would achieve a more fluid layout. Basically, always use em for font size. Only 
> use px when you know
> the exact dimensions of something (like setting a negative margin for a graphic)
>
> To really get what you want (a responsive layout that is designed to work well 
> in print and a variety of devices), you are correct Josh that you should use 
> the 'media' selector, in
> combination with 'media queries' [1]
>
> CSS like the following would be good:
>
> @media (min-width: 55em)
> {
> .main
> {
> float: left;
> width: 65%;
> margin-right: 5%;
> margin-bottom: 1em;

   Also add a maximun width, e.g.:

max-width: 35em;

--
Chris F.A. Johnson, <http://cfajohnson.com>