feat: Practice HTML and CSS Basics#215
feat: Practice HTML and CSS Basics#215zanetasochon wants to merge 10 commits intodevmentor-pl:masterfrom
Conversation
devmentor-pl
left a comment
devmentor-pl
left a comment
There was a problem hiding this comment.
Żaneto,
Zadanka są jak najbardziej ok 👍
Zostawiłem parę uwag w komentarzach, wszystko wyjaśnimy na spotkaniu :)
| </footer> | ||
| </main> | ||
| </body> | ||
| </html> |
| height: 230px; | ||
| } No newline at end of file | ||
| height: 230px; | ||
| } |
| src: url(./fonts/source-sans-pro/SourceSansPro-It.otf) format('truetype'); | ||
| font-style: italic; | ||
| font-weight: 400; | ||
| } |
| font-family: 'Source Sans PRO'; | ||
| } | ||
|
|
||
| .child--first { |
There was a problem hiding this comment.
Brakuje odstępów, o których mowa w zadaniu tj. np. margin-right: 10px, wtedy szerokość elementy można ustawić jako width: calc(30% - 10px);
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis praesentium in possimus!</div> | ||
| <div class="child child--last"> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, iure?</div> | ||
| <div class="child child--first"> |
There was a problem hiding this comment.
Trzeba pamiętać, że w "inline", również entery wliczają się w odstępy więc mamy 100% + entery, co jest więcej niż 100% i to powoduje, że elementy się nie mieszczą.
| <nav class="container"> | ||
| <ul class="nav"> | ||
| <li class="nav__item">HOME</li> | ||
| <li class="nav__item nav__item--focused"> |
There was a problem hiding this comment.
Bardziej chodziło, aby był efekt :hover po najechaniu :)
| <li class="first-level__item__one">Item 1</li> | ||
| <li class="first-level__item__two"> | ||
| Item 2 | ||
| <ul class="nav__item__second-level"> |
There was a problem hiding this comment.
W BEM nie stosujemy wielokrotnych podkreśleń maksymalnie co możemy zrobić to Block__Element--modyfikator.
Proponuję zapoznać się z tym artykułem: https://devmentor.pl/b/metodologia-bem-w-css-i-sass - myślę, że pomoże ;)
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
|
|
||
| .orange-container__footer-item { | ||
| width: 150px; | ||
| } |
2 participants
No description provided.