https://github.com/getfrontend/tailwind-landing-page
Fully responsive Landing page with Tailwind CSS
https://github.com/getfrontend/tailwind-landing-page
tailwind tailwind-css tailwindcss
Last synced: 3 months ago
JSON representation
Fully responsive Landing page with Tailwind CSS
- Host: GitHub
- URL: https://github.com/getfrontend/tailwind-landing-page
- Owner: getFrontend
- Created: 2024-02-06T19:31:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-07T11:00:55.000Z (over 1 year ago)
- Last Synced: 2025-01-30T21:14:55.460Z (5 months ago)
- Topics: tailwind, tailwind-css, tailwindcss
- Language: CSS
- Homepage: https://getfrontend.github.io/tailwind-landing-page/
- Size: 591 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About
The project is made within the framework of Tailwind CSS study. The layout from the [FRONTEND MENTOR](https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5) website was used.
## Result
* ✔ Mobile-first workflow
* ✔ [Fully valid code](https://validator.w3.org/nu/?doc=https%3A%2F%2Fgetfrontend.github.io%2Ftailwind-landing-page%2F)
* ✔ HTML Semantic Tags
### PageSpeed Insights
✅ Mobile: 100 / 100 / 100 / 100
✅ Desktop: 100 / 100 / 100 / 100
## Usage
Install dependencies (Tailwind)
```
npm install
```
Run the Tailwind CLI to compile the **input.css** during development. The output file is **css/main.css**
```
npm run watch
```
To build once run...
```
npm run build
```
You can edit the scripts in package.json and the tailwind.config.js file to change input/output locations