Cafe Berlin

A responsive static website showcasing a simple “browse meals” UI, built with HTML5 and CSS3.

Features

• Semantic HTML structure (header, nav, main, section, article, etc.)
• Responsive navigation: full-size nav on desktop, hamburger menu + side drawer on mobile
• CSS Grid for the meal listings
• Flexbox for header & drawer header layout
• Scalable units: rem for font-sizes, % for widths and padding
• Mobile breakpoint at max-width: 48rem (~768px)

Technologies

• HTML5
• CSS3 (Flexbox, Grid, Media Queries)
• Google Fonts (“Open Sans”)

Clone the repo

git clone https://github.com/emmadismail/cafe-berlin.git