[Homework] Web Fundamentals - HTML5 Responsive... първа задача
Здравейте,
не съм сигурен дали разбирам правилно условието...
Link to GitHub - решението... до някъде...
- From 780px to 960px – white spaces disappear, the section and sidebars scale proportionally with the browser window (see the following PNG file: “01-Unresponsive-Homework-02-780-960.png”).
- From 640px to 780px – The sidebar moves to the bottom of the page and the items are situated next to each other (see the following PNG file: “01-Unresponsive-Homework-03-640-780.png”).
- Under 640px – The menu changes again, the header falls under the logo and they are centered, the items in the sidebar (below the section now) are arranged in new way (see the following PNG file: “01-Unresponsive-Homework-04-Under-640.png”).
Моля, нека някой да пробва и да ми каже правилно ли съм се ориентирал в респонсива. Интересува ме дали заданията от условието за промените при пикселите се изпълняват както се очаква - или тези от 900px трябва да слезнат до 780px, 780px трябва да ги направя до 640px... и така на долу...
Не бих отказал ако някой постне линк към "правилно" оразмерена тази задача... Благодаря.
Поздрави,
Ники
Защо wrappar-a трябва да е 960 ?
Размера, над който няма промяна е 960. Ако wrapper-a ти държи всичко му даваш 960пиксела размер и марджин 0 ауто - така си седи в центъра на екрана като се разгъва над 960 пиксела. Като падне под 960 му давап размер 100% и просто наместваш елементите вътре.
Да де, ама защо точно 960пх трябва да ми е wrapper