Skip to content
This repository was archived by the owner on Jan 19, 2020. It is now read-only.

DZakh-old/Responsive-practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive practice

Firstly it was a simple layout to practice responsive design with few media quires, but I created an adaptation for screens with any size. In the project, I used CSS flex and grid. Plus I added few functions (that I also used in the Pantheon project):

  • Fix for correct 100vh display on mobile devices
  • Smooth scroll through page anchors

And finally, I decided to learn bundlers in the project. I used Parcel-bundler and to make it useful I appended PostCSS with nanocss, autoprefix, and uncss.

Thanks to one anonymous developer who enlightened me about the component approach in js, basics of spa, how to use json and ajax requests. But it was too overwhelming for the small page, so I'll apply this in a future project.

About

Learning how to use media queries, css-grid, npm packages and many other interesting things

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors