flag-app

Table of contents

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

Overview

The challenge

It aims to create a web page containing information cards from 250 countries around the world.

Project Skeleton

flag-app (folder)
        |----index.html 
        |----app.js

Screenshot

Links

• Live: Live Website

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
• Bootstrap
• Bootstrap Cards
• Javascript DOM
• Javascript Events
• Javascript Functions
• API
• Fetch API
• Comments