/template-1

Primary LanguageCSS

Kasper-Template

This is a project for creating a [Kasper 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 states for interactive elements

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