Issue with tailwindCSS Navbar

[ShivankK26]

My Output:

My Code:

Can anyone please tell if there is any error in my code?

[Busayor2020]

// eslint-disable-next-line no-unused-vars import React from 'react'; import { logo } from '../assets';

const Hero = () => { return (

window.open("https://github.com/Busayor2020")} className='bg-black text-white py-2 px-4 rounded'> GitHub

Summarize Articles with
OpenAI GPT-4

Simplify your reading with this summarizer, an open-source article summarizer that transforms lengthy articles into clear and concise summaries.

); };

export default Hero;

// I changed the width from "w-full" to "w 5/12"

[HishamLadha]

Make sure your tailwind.config.js file is correct. It should look like this:

/** @type {import('tailwindcss').Config} */ export default { content: ["./src/**/*.{html,js,jsx}"], theme: { extend: { fontFamily: { satoshi: ['Satoshi', 'sans-serif'], inter: ['Inter', 'sans-serif'], } }, }, plugins: [], }