Skip to content

Zadania ukończone#203

Open
marazmlab wants to merge 4 commits intodevmentor-pl:masterfrom
marazmlab:master
Open

Zadania ukończone#203
marazmlab wants to merge 4 commits intodevmentor-pl:masterfrom
marazmlab:master

Conversation

@marazmlab
Copy link
Copy Markdown

No description provided.

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.

Marku,

Całość prezentuje się bardzo dobrze! 👍
Zostawiłem parę drobnych uwag :)

<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>devmentor.pl - HTML & CSS BASICS - #01</title>
<style>
/* Dodałem ostylowanie, żeby nie oślepnąć od ekranu */
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.

👍


<article class="article">
<h2>Lorem ipsum dolor</h2>
<img src="" alt="PICTURE">
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.

Można też dodać <figure> z odpowiednim opisem dla zdjęcia :)

Comment on lines +98 to +99
<div class="comment-history">
<div class="comment" id="last-comment">
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.

Każdy komentarz może być article jako jedna spójna wypowiedź lub można zrobić ul > li jako że to LISTA komentarzy :)

(0, 2, 2)
*/
?? {
.ac-container input:checked ~ article {
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 on lines +64 to +67
@font-face {
font-family: ;
src: url();
} 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.

Tutaj zabrakło podłączenia odpowiednich plików.
TUtaj cały artykuł jak to zrobić: https://www.smashingmagazine.com/2013/02/setting-weights-and-styles-at-font-face-declaration/

<li class="nav__item">ITEMS
<i>></i>
<ul class="nav__dropdown">
<li class="dropdown__item">Item 1</li>
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 korzystamy z BEM to zawsze w hierarchii musi być Block (nawet jeśli go nie stylujemy) - tutaj zabrakło dropdown. Należy go dodać do ul powyżej tj. <ul class="nav__dropdown dropdown"> - czyli mamy dwie klasy i wszystko jest ok! :)

}

.nav__dropdown-2 {
transform: translate(190px, -51px);
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.

A co jeśli rodzić będzie zajmować więcej przestrzeni? Lepiej ustawić left: 100% i np. top: 0 - wtedy mamy bardziej uniwersalne rozwiązanie



</body>
</html> 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.

👍

.footer__item {
max-width: 50%;

} 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.

👍

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