Skip to content

Latest commit

 

History

History
79 lines (51 loc) · 2.26 KB

README.md

File metadata and controls

79 lines (51 loc) · 2.26 KB

Elzero-Template

This is a project for creating a [Elzero Template] using HTML and CSS. I created it to improve my coding skills by building realistic projects.

Table of contents

Overview

The objective

Users should be able to:

  • View the optimal layout depending on their device's
    screen size (Responsive Design)
  • See hover and animation states for interactive elements

Template Design

Landing Screen

Landing Screen

Links

  • Source Code URL: here
  • Live Site URL: here

My process

Built with

HTML

CSS3

CSS properties used

  • Media Queries And Responsive Design
  • Flexbox
  • CSS Grid
  • Position
  • Desktop-first workflow

Layout

The designs were created to the following widths:

  • Small screen: 768px
  • Medium screen: 992px
  • Large screen: 1200px

Useful resources

Author

GitHub

LinkedIn

Twitter

Acknowledgments