For this project you will utilize media queries, flexbox, and semantic HTML to make a single page site highlighting a digital tool you use in your daily life. Your site should be responsive and flow seamlessly across all breakpoints like discussed during class. Once finished please upload your site to the DCA server. You will also compress the folder as a ZIP and upload the file to the Project 1 dropbox in DC Connect. Please make sure to read carefully and include all of the requirements listed below in order to receive full marks. Media Queries: Breakpoints for screen sizes should be as follows. Less than 640px (mobile) Between 640px Greater than 1024px (desktop) Header: Include a header that includes a responsive logo and navigation. Main Content: Include at least four sections that provide details of your chosen digital tool making use of flexbox to layout the content. Somewhere in the content areas you need to include the following content types (styled and positioned effectively): Headings Subheadings Paragraphs External links Images Footer: Include a standard footer (i.e copyright, links, social icons, etc...)