ios-calculator

Table of contents

• Overview
  • The challenge
  • Project Skeleton
  • Screenshot
  • Links
  • Steps to Solution
• My process
  • Built with

Overview

The challenge

Your company has recently started on a project that aims to create ios calculator. So you and your colleagues have started to work on the project.

Project Skeleton

ios-calculator (folder)
        |----index.html 
        |----style.css
        |----app.js
        |----apple.svg

Screenshot

Links

• Live: Live Website

Steps to Solution

Part-1 HTML Structure

- Creat structure of the HTML5
- Give name of your project (title)
- Create the main structur of the HTML

Part-2 CSS Structure

- Set a background
- Set container background color and margin
- Define others color-size-padding etc...

Part-3 JS Structure

- Create code for calculator

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Styled Components - For styles
• HTML Forms-Input Types
• HTML Form Elements
• CSS Colors-Border Properties
• CSS Margins-Padding
• CSS Properties for Texts-Font Families-Links
• CSS Overflow Property-The float Property-Opacity
• Transparency-Units in CSS
• Javascript DOM
• Javascript Events
• Javascript Functions
• Comments