Skip to content

Latest commit

 

History

History
99 lines (63 loc) · 3.2 KB

readme.md

File metadata and controls

99 lines (63 loc) · 3.2 KB

Leon-Template

This is a project for creating a [Leon 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
  • See hover states for interactive elements

Screenshot

Landing Screen

Landing Screen

Feature Large Screen

Landing Screen

Feature Medium Screen

Landing Screen

Feature Small Screen

Landing Screen

Service Large Screen

Desktop Screen

Service Medium Screen

Desktop Screen

Small 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
  • Mobile-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