Psd to html pomoc z kodem.

pytanie zadane 24 maja 2018 w HTML i CSS przez Tradereu Użytkownik (780 p.)

Witam.

Jestem początkujący i mam problem ze znalezieniem rozwiązania na sekcje ''menu'' w moim szablonie, mianowicie chciałbym aby czwarty pojemnik wskoczył wyżej jak można zauważyć to na psd.

Jeśli ktoś się pofatyguje zajrzeć w kod to prosił bym o wypisanie najgorszych błędów, jestem nowicjuszem każda wskazówka jest na wagę złota... zdaje sobie sprawę że kod jest nieczytelny jednak brak umiejętności i doświadczenia uniemożliwia dobrego planowania.

Tutaj kod ( zamysł był taki aby uszeregować to za pomocą ''nth-child'')

Z góry dziękuje za pomoc.

1 odpowiedź

odpowiedź 24 maja 2018 przez Artek Stary wyjadacz (11,800 p.)

Pierwsze najprostsze rozwiązanie jakie przyszło mi do głowy to użycie position: relative. Tak poza tym chyba za bardzo zaszalałeś z tymi nagłówkami

komentarz 24 maja 2018 przez Tradereu Użytkownik (780 p.)

Dzięki za pomoc, pomyślałem że najłatwiejsze rozwiązanie to ujemny margin-top dla czwartego pojemnika. Jeśli masz jakieś uwagi co do kodu to chętnie wysłucham.

komentarz 24 maja 2018 przez Artek Stary wyjadacz (11,800 p.)

Brakuje mi <main> i dania z konkretnej kategori(np. sałatki) dałbym jako listy <ul>. Stopka nie jest potrzebna? <footer>

Margines ujemny też całkiem spoko, chyba nawet lepszy bo tylko jedna reguła.