https://github.com/rafaelhdsv/news-homepage

This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!
https://github.com/rafaelhdsv/news-homepage

Last synced: 3 months ago
JSON representation

This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!

• Host: GitHub
• URL: https://github.com/rafaelhdsv/news-homepage
• Owner: RafaelHDSV
• Created: 2022-12-16T16:40:40.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-23T23:35:08.000Z (over 2 years ago)
• Last Synced: 2025-01-30T17:57:44.058Z (5 months ago)
• Language: CSS
• Size: 4.43 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - News homepage solution

![GitHub repo size](https://img.shields.io/github/repo-size/RafaelHDSV/News-homepage?style=for-the-badge)

![GitHub language count](https://img.shields.io/github/languages/count/RafaelHDSV/News-homepage?style=for-the-badge)

![GitHub forks](https://img.shields.io/github/forks/RafaelHDSV/News-homepage?style=for-the-badge)



> This is a solution to the [News homepage challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Links](#links)

  - [Screenshot](#screenshot)

- [My process](#my-process)

  - [Built with](#built-with)

## Overview

### The challenge

Users should be able to:

- View the optimal layout for the interface depending on their device's screen size

- See hover and focus states for all interactive elements on the page

### Links

- Solution URL: https://www.frontendmentor.io/solutions/news-homepage-8R383e66nR

- Live Site URL: https://news-homepage-rafael.netlify.app

### Screenshot

  - Desktop

  

    ![](images/desktop.png)

    

  - Mobile

    

    

## My process

### Built with

- HTML

- CSS

[⬆ Back to the top](#frontend-mentor---news-homepage-solution)