add hero section#2753
Conversation
zibi-dev
left a comment
zibi-dev
left a comment
There was a problem hiding this comment.
Hej. DEMO LINK nie dziala. Czy uruchomilas deploy?
|
Hej! Poprawiłam konfigurację ścieżki do obrazka i zrobiłam ponowny deploy. DEMO LINK powinien już działać poprawnie. |
natalia-klonowska
left a comment
natalia-klonowska
left a comment
There was a problem hiding this comment.
jest to dobry start więc powodzenia z dalszą pracą nad projektem i pamiętaj by oznaczać projekt do ponownego sprawdzenia ponieważ inaczej nie widzimy twoich komentarzy
| &--secondary { | ||
| font-family: "Space Grotesk", sans-serif; | ||
| font-weight: 700; | ||
| font-size: 32px; | ||
| font-style: normal; | ||
| line-height: 32px; | ||
| letter-spacing: 0; | ||
|
|
||
| display: flex; | ||
| align-items: center; | ||
| color: #292929; | ||
| } |
There was a problem hiding this comment.
modyfikatorowi wystarczą tylko te style które chcesz dodać lub zmienić względem oryginalnej klasy (w tym wypadku title) ponieważ element i tak będzie posiadał klasę na którą nakładasz modyfikator więc nie potrzeba powtarzać tych styli :) dodatkowo dobrze jest już teraz stworzyć zmienne na wszystkie potrzebne kolory w projekcie i to je wykorzystywać
| &--secondary { | |
| font-family: "Space Grotesk", sans-serif; | |
| font-weight: 700; | |
| font-size: 32px; | |
| font-style: normal; | |
| line-height: 32px; | |
| letter-spacing: 0; | |
| display: flex; | |
| align-items: center; | |
| color: #292929; | |
| } | |
| &--secondary { | |
| font-size: 32px; | |
| line-height: 32px; | |
| } |
There was a problem hiding this comment.
nie zmieniaj plików konfiguracyjnych takich jak gitignore i eslintignore. możesz ponownie pobrać te pliki z brancha master i zastąpić je w swoim projekcie aby wróciły one do swojej pierwotnej wersji
There was a problem hiding this comment.
usuń ten pusty plik. pamiętaj że nie potrzebujesz plików css ponieważ otwierając projekt w przeglądarce za pomocą komendy npm start to parcel będzie kompilować pliki scss
There was a problem hiding this comment.
dla lepszej organizacji projektu utwórz sobie osobny folder na wszystkie ikony najlepiej w tym samym miejscu co folder images albo wewnątrz niego
| &__icon { | ||
| width: 24px; | ||
| height: 24px; | ||
| } |
There was a problem hiding this comment.
te style nie są używane ponieważ zagnieździłaś __icon wewnątrz __icons więc utworzył ci się selektor navigation__icons__icon. możesz to też zauważyć przy pomocy dev tools bo widać że element navigation__icon nie posiada tych styli
There was a problem hiding this comment.
powinnaś użyć pełnej wersji zdjęcia aby przy zmianie szerokości odkrywać większą część zdjęcia zamiast tylko całość powiększać
3 participants
Nothing Landing Page
A responsive landing page for the Nothing brand, built based on the provided Figma design. The project is implemented using modern HTML and SCSS with a mobile-first approach.
Technologies
Preview
Design