Linkedin Clone Tailwind

Linkedin Clone

LinkedIn is the world’s largest professional network on the internet. You can use LinkedIn to find the right job or internship, connect and strengthen professional relationships, and learn the skills you need to succeed in your career.

Features

Created with HTML and Tailwind CSS
Fully Responsive
100% make with tailwind css

Tech Stack

HTML
Tailwind CSS
Node js

Installation

Installation of Tailwind CSS

  Step 1:- open Terminal and run (npx tailwindcss init).

  Step 2:- Add folder dist and under a folder a file #output.css and code file name ex-index.html

 step 3:- Add another folder src and under a folder a file #inputput.css

step 4:- Add codes in input.css file

@tailwind base;
@tailwind components;
@tailwind utilities;

step 5:- write .dist/*.html in config.js file

module.exports = {
  content: [".dist/*.html"],
  theme: {
    extend: {},
  },
  plugins: [],
}

step 6:- All done jus run a code in terminal 

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

step 7:- Add <link rel="stylesheet" href="output.css"> in html file

 Note:- You must install node js to run this programm

🔗 Links

Top categories