Online Mind Mapping and Brainstorming

Create your own awesome maps

Online Mind Mapping and Brainstorming

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account? Log In

CSS best-practices, Zohar Arad by Mind Map: CSS best-practices, Zohar Arad
5.0 stars - 1 reviews range from 0 to 5

CSS best-practices, Zohar Arad

wrap fields with block (p/div)

wrapping block has meaningful class

inside it label & input

see forms.css & html source example

display block

use fieldset & legend elements

grouping of fields

columns retain proportions

even on mobile

border left

.nav_item_.nav_item a

liquid/flexible layout

see flexible.css & .html example source code

supports accessibility

form design

simple gallery



based on CSS box model


override typography of main elements

image replacement

background image

clear fix

navigation bars



best way to use

slight browser differences in syntax

see combined example

Source code