I'm trying to remove the whitespace before and after this page. I've already tried all the solution I found here of changing the margin to 0, but the problem still shows up. My html is like this: <!DOCTYPE html> <html>…
I'm with Tailwind in a Laravel App. While using some TW classes with dynamic params in any Blade view as: <div class="bg-[url('{{ $myBackgroundImageWithPublicSubPath }}')]" > Any content </div> it does not works when rendering the page in the browser. Inspecting…
I am tring to style the options on hover but it doesn't seem to respond by all means I tried doing it both nativly and with tailwind code --> https://play.tailwindcss.com/xzKArHLPZE context: I want to style this select as I'm using…
Currently, I am building the AI Image-Generator, but I couldn't install axios after adding Tailwind CSS to project. The attached image is as follows. enter image description here The command that I tried for axios is as follows. yarn add…
I want to push the button to the end of the flex container Components Code <div className="group flex flex-col gap-4 rounded-2xl bg-brand-white p-4 shadow-card"> <div className="relative overflow-hidden rounded-2xl"> { ...JSX } </div> <p className="text-brand-black/80">{shortDescription}</p> <Button as={Link} href={link} variant="sm-inverted" className="w-fit justify-self-end"…
I'm trying to get tailwind to work within markdown files rendered by vitepress. There are some sources online of how to make it work, none of which work for me. /docs directory structure: /docs/global/inputs/primary-button.md: # primary-button ## Props | Prop…
I am very new to React and I am trying to get an image of a shirt onto the website. No error pops up, but the shirt just doesn't show up. Here is my 'index.jsx': import { Canvas } from…
import React from 'react' const CustomButton = ({ type, title, customStyles, handleClick }) => { return ( <button className={'px-2 py-1.2 flex-1 rounded-md ${customStyles}'} > {title} </button> ) } export default CustomButton The customStyles keeps saying it's declared but not being…
I am on a next.js project with tailwindcss, but in my src folder I do not have the pages folder and the api subfolder where I have to find the _app.tsx, documents.tsx and index.tsx files, whereas in the tutorial that…
const DummyData = [ { _id: 1, title: "lorem ipsum", desc: " ", cta: "Explore Service", ctaUrl: "/", theme: "#E4F8ED", btnTheme: "#4F9D73", links: [ { title: "Project lorem ipsum Tools ", url: "/", }, { title: "Augmented lorem ipsum ",…