Skip to content

Develop#756

Open
Radek-Ptak wants to merge 5 commits into
mate-academy:masterfrom
Radek-Ptak:develop
Open

Develop#756
Radek-Ptak wants to merge 5 commits into
mate-academy:masterfrom
Radek-Ptak:develop

Conversation

@Radek-Ptak
Copy link
Copy Markdown

Creative Bakery landing page

DEMO LINK.

Radoslaw Ptak added 3 commits April 8, 2026 17:05
- Added new images: photo-product-05.jpg and photo-product-06.jpg
- Created SCSS files for various UI components including:
  - Arrow
  - Burger menu
  - Button with hover effects
  - Header layout
  - Hero section with responsive design
  - Logo styling
  - Menu with transition effects
  - Phone icon
  - Product layout with hover effects and responsive adjustments
  - Products section with grid layout
  - Container for consistent padding and max-width
- Implement footer layout in index.html with contact details and social media links.
- Create footer styles in footer.scss and import into main.scss.
- Add SVG icons for Facebook, Instagram, and Twitter.
- Update README with demo link and remove outdated instructions.
- Enhance JavaScript for smooth scrolling and menu toggle functionality.
Copy link
Copy Markdown

@natalia-klonowska natalia-klonowska left a comment

Choose a reason for hiding this comment

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

  • niektóre z rogów zdjęć nie są zaokrąglone
Image
  • dla 640px nie mieści ci się druga kolumna produktów
Image
  • na designie jest pokazany widok dla 1200px a u ciebie zmiana następuje przy 1280px
Image
  • pomiędzy wersją mobilną a tabletową zdjęcie wygląda na przycięte
Image
  • na designie widać że tekst nigdy nie wychodzi dalej niż kończy się zdjęcie więc lepiej będzie nadać mu takie ograniczenie i całość wycentrować
Image

Copy link
Copy Markdown

@natalia-klonowska natalia-klonowska left a comment

Choose a reason for hiding this comment

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

  • odstęp górny i dolny jest taki sam więc lepiej będzie wycentrować tą nawigację zamiast ustawiać padding górny
Image
  • pomiędzy wersją mobilną i tabletową oraz tabletową a desktopową robi się duży margines po prawej stronie. lepiej to będzie wyglądać gdy wycentrujesz, zrobisz wyrównanie do krawędzi ale naprzemienne tak jak to wygląda na wersji desktopowej albo zwiększysz gap pomiędzy (gdy są dwie kolumny produktów)
Image Image
  • na figmie masz pokazane jak powinien wyglądać hover
Image
  • dobrze byłoby wprowadzić ograniczenie szerokości również dla headera
Image

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