fem-news-homepage-main
所属分类:数学计算
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2024-03-17 19:10:05
上 传 者:
sh-1993
说明: fem新闻主页主
(fem news homepage main)
文件列表:
public/
src/
.eslintrc.cjs
index.html
package-lock.json
package.json
vite.config.js
# Frontend Mentor - News homepage solution
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
- [Frontend Mentor - News homepage solution](#frontend-mentor---news-homepage-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)
- [What I learned](#what-i-learned)
- [Author](#author)
**Note: Delete this note and update the table of contents based on what sections you keep.**
## 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
### Screenshot
![desktop-top](./src/assets/images/desktop-top.png)
![desktop-bottom](./src/assets/images/desktop-bottom.png)
![mobile-top](./src/assets/images/mobile-top.png)
![mobile-middle](./src/assets/images/mobile-middle.png)
![mobile-bottom-middle](./src/assets/images/mobile-bottom-middle.png)
![mobile-bottom](./src/assets/images/mobile-bottom.png)
### Links
- Solution URL: [Add solution URL here](https://www.frontendmentor.io/solutions/news-homepage-with-react-Yth6Biwafb)
- Live Site URL: [Netlify](https://glistening-travesseiro-d18e25.netlify.app/)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- [React](https://reactjs.org/) - JS library
### What I learned
I learned a lot about formatting and also about using opacity to match the preview colors.
## Author
- LinkedIn - [Larry Reaux](https://www.linkedin.com/in/ljreaux/)
- Frontend Mentor - [@ljreaux](https://www.frontendmentor.io/profile/ljreaux)
近期下载者:
相关文件:
收藏者: