Tea-Cozy

Click Here to Access Website

The Objective:

  • To create a website for a Cafe called "Tea Cozy".
  • The website needs to use HTML5 and CSS to properly display the content
  • Task was to mainly practice CSS flexbox and my web development knowledge until now.
  • Practice using flexbox and background images to correctly display content
  • Build website with blueprint provided and implement the correct dimensions needed.
  • Use blueprint to make the website response with a different layout in content.

Tea of the Month Content

Technology Used

Used CSS flexbox to layout the tea of the month content and used other CSS knowledge to do this properly.

Meeting section with images

The locations section of the page which provides the user with where to find the "Tea Cozy" cafe's

Technology Used

CSS flexbox was used again as well as properties such as background cover. This was a good opportunity to practice these skills whilst building this page. I also fixed the navigation bar on the top of the page for ease of navigation.

Possible Improvements

This page is not repsonsive as this was not the purpose of this task. However, I could drastically improve this page by making it responsive using media queries and potentially JavaScript. Making this responsive will allow accessibility for those on smaller screens.