Skip to content

Feature/full css implementation - #81

Merged
dianadenwik merged 8 commits into
mainfrom
feature/full-css-implementation
Apr 16, 2026
Merged

dianadenwik merged 8 commits into
mainfrom
feature/full-css-implementation

Conversation

@YanaP1312

Copy link
Copy Markdown
Collaborator

What Has Been Implemented in This PR

1. Header

  • Fully styled header layout including logo, navigation links (Main, Cohort, Discover, Favorites, Ask AI), and the theme toggle button
  • Hover, focus, and active interaction states for all navigation elements
  • Mobile navigation menu with adaptive layout and consistent styling

2. Main Sections

  1. Hero Section
  2. Cohort Section
  • (filters not included yet)
  • Grid layout for recipe cards
  • Responsive behavior for mobile, tablet, and desktop breakpoints
  1. Discover Section (filters not included yet)
  • Styled search bar with accessible input and button states
  • Responsive recipe card grid
  1. Favorites Section (empty state styling not implemented yet)
  • Grid layout for saved recipes
  • Responsive card behaviour

3. Footer**

  • Completed footer styling with adaptive layout
  • Typography, spacing, and link styling aligned with the design system

4. Modal (Reusable Recipe Modal)

  • Adaptive styling for the reusable recipe modal
  • Scroll behavior and visual consistency across breakpoints

@Yusuprozimemet Yusuprozimemet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Great progress!

@dianadenwik
dianadenwik merged commit 8b210dd into main Apr 16, 2026
1 check passed
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.

3 participants