https://github.com/blordeus/article-preview-component
https://github.com/blordeus/article-preview-component
html-css-javascript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/blordeus/article-preview-component
- Owner: blordeus
- Created: 2024-05-17T14:13:56.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-18T20:36:26.000Z (about 2 years ago)
- Last Synced: 2025-02-27T07:59:02.868Z (over 1 year ago)
- Topics: html-css-javascript
- Language: HTML
- Homepage: https://blordeus.github.io/article-preview-component/
- Size: 1.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README

# Frontend Mentor - Article preview component solution
This is a solution to the [Article preview component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/article-preview-component-dYBN_pYFT). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Frontend Mentor - Article preview component solution](#frontend-mentor---article-preview-component-solution)
- [Table of contents](#table-of-contents)
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Author](#author)
## Overview
### The challenge
Users should be able to:
* View the optimal layout for the component depending on their device's screen size
* See the social media share links when they click the share icon
### Screenshot

### Links
* Solution URL: [solution URL](https://github.com/blordeus/article-preview-component)
* Live Site URL: [live site URL](https://blordeus.github.io/article-preview-component/)
## My process
### Built with
* Semantic HTML5 markup
* CSS custom properties
* Flexbox
* CSS Grid
* Mobile-first workflow
## Author
* Website - [Bryan Lordeus](https://www.your-site.com)
* Frontend Mentor - [@blordeus](https://www.frontendmentor.io/profile/blordeus)