This is a simple responsive magazine page on exploring Alaska. This page has been made using CSS Grid.
The technologies that have been used are:
- HTML (Hyper Text Markup Language)
- CSS (Cascading Style Sheets)
There are various tools that have been used throughout the project design and development:
Tools | Usage |
---|---|
TinyPng | For JPEG/PNG Image Compression |
The main concepts that have been emphasized are:
- Responsive Web Design
- The website has been developed following the desktop first approach.
- The website is designed to smoothly scale on:
- 1280px and higher (standard laptops and beyond).
- From 1024px to 1280px (from a tablet in landscape to a standard laptop).
- From 768px to 1024px (from a tablet in portrait to a tablet in landscape).
- From 425px to 768px (from a large smartphone to a tablet in portrait).
- Up to 425px (mobile devices).
- CSS Grid
- CSS Flexbox
- Optimising Fonts for Devices with Different Resolutions
- Text Smoothing
- Kerning
- Text Rendering
The website is using BEM — Block Element Modifier methodology to create reusable and understandable components in CSS. The idea behind it is to divide the user interface into independent blocks. This makes interface development easy and fast and it allows reuse of existing code without copying and pasting. We are also using Nested BEM File structure organization for CSS.
Check out the webpage here