Skip to content

Corneliaryas/project-news-site

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code
This branch is 10 commits ahead of Technigo:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Climate News

This site was the first individual assignment during the Technigo Bootcamp fall 2020. We were asked to make a news-site with a focus on responsiveness, layout with columns and rows, and navbar.

I picked Climate Change as a theme and have a focus on one big news articles in the top (changing layout depending on screen resolution) and small cards with smaller articles underneath, tagged with a specific category.

The process

I started by drawing up a quick mockup and then built it mobile-first, mostly using flexbox for layout and semantic HMTL for structure. I added a few CSS animations to try it out but wanted to keep them simple to go with the rest of the design and not be disturbing for the user. I tried to keep the design serious considering the topic and looked at other news-sites for inspiration yet with a touch of the specific topic, which I used colors and big images to emphasize.

If I had more time I would make the smaller news to always have the same size as each other, no matter the content, and maybe add an extra media query to differentiate smaller and bigger desktop resolutions.

View it live

Here you can see the project live via Netlify: https://cornelia-news-site.netlify.app/

Releases

No releases published

Packages

No packages published

Languages

  • CSS 56.5%
  • HTML 43.5%