Ssebi1 / TehniciWeb

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TehniciWeb

Tema 1

Implementati layoutul din imagine (instagram.png), folosind HTML si CSS.

Pentru realizarea acestuia, se vor folosi flex & grid.

Culori:

  • Background header: #ffffff;
  • Toate textele si borders: #8e8e8e;
  • Background continut: #fafafa

Dimensiuni:

  • Headerul va avea inaltimea de 50px;
  • Logoul va avea latimea de 80px;
  • Bara de cautare are inaltimea egala cu 70% din container
  • Atat continutul headerului, cat si cel al meniului si al sectiunii dedicate pozelor vor avea
  • latimea egala cu 70% din latimea paginii;
  • Distanta intre randurile si coloanele dedicate imaginilor va fi de 10px;

Fontul folosit face parte din familia monospace.

Screenshots:

About


Languages

Language:JavaScript 35.2%Language:CSS 30.9%Language:EJS 18.5%Language:HTML 15.5%