Skip to content

practice-html-and-css-rwd done#167

Open
satoshi300 wants to merge 11 commits into
devmentor-pl:masterfrom
satoshi300:master
Open

practice-html-and-css-rwd done#167
satoshi300 wants to merge 11 commits into
devmentor-pl:masterfrom
satoshi300:master

Conversation

@satoshi300

Copy link
Copy Markdown

Zadanie 4 nie jest w 100% zrobione tak jak bylo w poleceniu

@devmentor-pl devmentor-pl left a 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.

Michale,

Zadania wyglądają ok 👍
Parę drobnych uwag zostawiłem, ale nie widzę jakiś większych odstępów od wymagań 👍

Comment thread 02/styles/tablet.css
"a-mid a-bottom";
max-width: 1200px;
margin: 0 auto;
} 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 01/style.css Outdated
display: block;
content: '';
height: 0;
shape-outside: polygon(0 1%, 0% 100%, 100% 0);

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.

Raczej dałbym 0 zamiast 1% - chciałbym zacząć od samego początku

Comment thread 02/styles/global.css
}

.c {
grid-area: a-bottom;

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.

Brakuje jeszcze wysokości dla każdego elementu (50vh)

Comment thread 03/index.html
>
</picture>
</header>
<side class="v"><iframe width="560" height="315" src="https://www.youtube.com/embed/RhUuMl3R1PE?si=lY_1I9X4lzqCIM0e" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></side>

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
;
max-width: 1400px;
margin: 0 auto;
}

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
class="nav__link"
href="#"
>strony internetowe</a></li>
<li class="dropdown__item nav__item"> pozycjonowanie<div class="arrow__right"> > </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.

Zamiast tworzyć element div.arrow_right można wykorzystać pseudo-element ::after

Comment thread 05/index.html
</footer>
</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.

👍

Comment thread 05/styles/global.css
.cell {
min-height: 50px;
outline-color: orange;
} 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.

👍

@devmentor-pl devmentor-pl left a 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.

Michale,

Super, o to chodziło! 👍

Comment thread 01/style.css
content: '';
height: 0;
shape-outside: polygon(0 1%, 0% 100%, 100% 0);
shape-outside: polygon(0 0%, 0% 100%, 100% 0);

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.

Jak wpisujemy 0 to nie musimy dawać jednostki bo 0 to zero - obojętnie czy px czy %

Comment thread 04/index.html
>start</a>
</li>
<li class="nav__item"> oferta<div class="arrow__down"> <span> > </span> </div>
<li class="nav__item arrow"> oferta

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/tablet.css
position: relative;
left: 35px;
padding-right: 10px;
transform: rotate(90deg);

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.

👍 3

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