https://github.com/saketkothari/tailwindcss-landing-page

This is my solution to the Manage landing page from Frontend Mentor using TailwindCSS
https://github.com/saketkothari/tailwindcss-landing-page

css3 frontend-mentor-challenge hamburger-menu html5 responsive-layout tailwindcss utility-classes

Last synced: 7 months ago
JSON representation

This is my solution to the Manage landing page from Frontend Mentor using TailwindCSS

Host: GitHub
URL: https://github.com/saketkothari/tailwindcss-landing-page
Owner: SaketKothari
Created: 2022-04-09T07:27:24.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2022-04-09T09:14:18.000Z (over 3 years ago)
Last Synced: 2025-01-26T02:28:38.662Z (9 months ago)
Topics: css3, frontend-mentor-challenge, hamburger-menu, html5, responsive-layout, tailwindcss, utility-classes
Language: CSS
Homepage: https://saketkothari.github.io/tailwindcss-landing-page/
Size: 249 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# TailwindCSS Landing Page
![Alt text](/img/screen.png?raw=true)

- We will set up Tailwind CLI and create a landing page from start to finish, going over many of the common utility classes.

- This is my solution to the [Manage landing page](https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5) using TailwindCSS

- Frontend Mentor challenges help you improve your coding skills by building realistic projects.

# 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