WEB DEVELOPMENT

FRONT-END

LAYOUT NINJA

DESIGN FUNDAMENTALS

ELEMENTS OF DESIGN

PRINCIPLES OF DESIGN

BOX MODEL AND DIMEMSIONS

BOX MODEL AND DIMEMSIONS

BOX SIZING

content box

padding box

border box

LAYOUTS

FLOAT

POSITIONING

TABLE

FLEXBOX

GRID

RESPONSIVE

VIEWPORT

MEDIA QUERIES

CROSS BROWSER

CSS FRAMEWORKS

Q&A

THANK YOU!