Skip to content

complete all 5 tasks#170

Open
MstowskaSandra wants to merge 7 commits intodevmentor-pl:masterfrom
MstowskaSandra:master
Open

complete all 5 tasks#170
MstowskaSandra wants to merge 7 commits intodevmentor-pl:masterfrom
MstowskaSandra:master

Conversation

@MstowskaSandra
Copy link
Copy Markdown

Spory problem miałam z wypozycjonowaniem poziomego menu z hamburgerem. Menu ciągle uciekało mi na dół, ale w końcu jakoś to ogarnęłam. Trwało to jakieś 50% czasu z czasu spędzonego nad tymi zadaniami :D

Copy link
Copy Markdown
Owner

@devmentor-pl devmentor-pl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sandro,

Całość prezentuje się jak należy! 👍
Zostawiłem parę drobnych uwag w komentarzach :)
PS. Menu to nie jest trywialna sprawa - ale teraz już będzie dużo łatwiej :)

Comment thread 01/style.css
border-bottom-color: transparent;
border-bottom-color: transparent;
shape-outside: polygon(0 0, 0% 100%, 100% 0);
margin-right: 1rem;
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 03/index.html
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen>
</iframe>
</aside>
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 03/styles/global.css
padding: 2rem;
margin: 1rem;
}

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 04/index.html
<li>
<a href="#">kontakt</a>
<li class="menu-item">
<a href="#">KONTAKT</a>
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 04/styles/desktop.css
display: flex;
}

} No newline at end of file
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 04/styles/mobile.css

}

} No newline at end of file
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 05/index.html


<section class="section-double">
<div class="section-double--item">.</div>
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Jeśli elemet nadrzędny to section-double (czyli Block) to dzieci powinny zawierać nazwę jako Element czyli section-double__item, a nie Modyfikator. Proponuję jeszcze doczytać: https://devmentor.pl/b/metodologia-bem-w-css-i-sass

Comment thread 05/styles/desktop.css
width: 33vw;
background-color: lavenderblush;
}
} No newline at end of file
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread 05/styles/global.css
box-sizing: border-box;
}

header {
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Warto stosować resete.css, a potem stylować już tylko po klasach. Przy dużych projektach na prawdę to dużo uprasza :)

Comment thread 02/styles/global.css
grid-row: 1;
}

.b {
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UWaga na kolejność elementów przy szerszym ekranie (patrz readme.md)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants