Pierwsza strona. Prośba o wskazówki dotyczące responsywnośći.

Question

Cześć,

Jestem tu nowy. Mój pierwszy post i pierwsza strona :) Zastosowałem wskazówki co do zmiany proporcji na stronie, jednak mam spory problem z logo na stronie. Jak jeszcze, jako tako menu jest w miarę responzywne-układa się pod sobą, tak z logiem i contentem mam spory problem, ponieważ cały czas rozlewa się na boki. Za wszelkie wskazówki, linki, kod bardzo dziękuję.

Oczywiście jeszcze adres witryny: http://warsztatzy.esy.es/test1/index.html

Comments

Tu masz poradnik do  responsywnego menu: https://www.youtube.com/watch?v=uczefwaLJmI

Answer 1

Elementom #nav1 i #logo nadałeś długość 1000px, dlatego "rozciągają" stronę na mniejszych ekranach.

#content ma długość 100%, plus padding 20px. Dodaj właściwość box-sizing: border-box, żeby to 20px z każdej strony było "wliczone" w 100% długość tego elementu.

PS. Nie stosuj "id" w CSS, do stylowania elementów należy używać klas.

Answer 2

Pierwsza strona i i już lecisz z responsywnością?

Comments

No dobra, pierwsza strona która ujrzała światło dzienne :) Podstawy Pana Mirka odnośnie HTML i CSS przyswoiłem, więc czas na więcej.