https://github.com/pernillasterner/technigo-news-site

News site with focus on responsive design and the layout techniques of CSS Grid and Flexbox.
https://github.com/pernillasterner/technigo-news-site

css3 figma flex-box-layout grid-layout html5 javascript ui

Last synced: about 2 months ago
JSON representation

News site with focus on responsive design and the layout techniques of CSS Grid and Flexbox.

• Host: GitHub
• URL: https://github.com/pernillasterner/technigo-news-site
• Owner: pernillasterner
• Created: 2024-01-26T14:09:39.000Z (about 1 year ago)
• Default Branch: development
• Last Pushed: 2024-05-23T09:01:52.000Z (9 months ago)
• Last Synced: 2024-11-05T15:43:30.856Z (3 months ago)
• Topics: css3, figma, flex-box-layout, grid-layout, html5, javascript, ui
• Language: CSS
• Homepage: https://technigo-project-news-site.netlify.app/
• Size: 2.09 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 

# Project Overview

For this project my main focus was on responsive design and the layout techniques of CSS Grid and Flexbox.

## Project Focus

### Hero Section with Flexbox

Implemented CSS Flexbox to easily center the content in the hero section.

### Latest News Section Position

Implemented CSS Position for this section since I wanted some of the images extend beyond their usual boundaries.

### Top Stories Grid Layout

Implemented a responsive grid layout using CSS Grid, providing easy control over the number of columns based on the viewport size.

## View it live

[Vogue Magazine](https://technigo-project-news-site.netlify.app)