Omnifood - Never cook again!

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
• Author
  • Screenshots

Overview

Omnifood is a product based on creating meals using AI.

The challenge

Users should be able to:

• Create a subscription to the product
• Select the desired plan
• Check the hover effects
• Website is optimized for desktop and all sizes of mobile

Links

• Github URL: Respository link
• Live Site URL: Add live site URL here

My process

• I took a desktop-first approach as the mobile design wasn't provided
• Wrote the HTML section by section
• Stylized the CSS after each section was created
• Adapted as I progressed
• Used a lot of contrast checkers to create a pleasing visual experience
• Used JavaScript for the mobile menu and background effects

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• Media queries
• Desktop-first workflow
• JavaScript

Author

• Website - LinkedIn
• Frontend Mentor - @DanCodeCraft
• Twitter - @DanCodeCraft

Screenshots