0.1.0 • Published 7 years ago

edresponsive v0.1.0

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

��# Ep-responsive

Los item podran colocarse en columnas o en poncentajes segun su gusto.

Para la columnas en dipositivos moviles mas peque�os entre 0 - 319px utilizaremos:

.sph-1

.sph-2

.sph-3

.sph-4

.sph-5

.sph-6

.sph-7

.sph-8

.sph-9

.sph-10

.sph-11

.sph-12

Para el poncentajes vamos de 5 en 5:

.sph5

.sph10

.sph15

.sph20

.sph25

.sph30

.sph35

.sph40

.sph45

.sph50

.sph55

.sph60

.sph65

.sph70

.sph75

.sph80

.sph85

.sph90

.sph95

.sph100

Con Ep-resposive.css podras maquetar tus app de cuatro maneras:

Alt float

Maquetaci�n con float

Para maquetar un dipositivo resposive con float necesitamo un contenedor <section class"contenedor clear">, los item se le agregan la siguientes clases: class="floatl o class="floatr"

Maquetaci�n con display: inline-block

Para maquetar un dispositivo resposive con display inline-block tenemos que agregrar la clases class="f0" al contenedor, y a los item debemos agregar la clase class="i-b"

Maquetaci�n con display:table

En contenedor agreamos la clase class="table" y a los item class="table-cell".