Latest solutions

Latest comments
- @TinaMoof@at33v
Hello, try using
padding-left
for the li elements. - @flaviare1s@at33v
Hello, in your
output.css
file, there is no class for the background. Perhaps you forgot to run the CLI.You can add a background in various ways, here are a few of them:
- Tailwind class
bg-[url('../images/bg-pattern-top-desktop.svg'),url('../images/bg-pattern-bottom-desktop.svg')]
- Tailwind config
'pattern-desktop': "url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg')",
- Custom class
@layer components { .my-custom-style { background-image: url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg'); background-repeat: no-repeat; background-position: left top, right bottom; } }
Marked as helpful - Tailwind class
- @cchivers@at33v
Hello, try doing the following:
- Replace
height: 100vh
withmin-height: 100vh
on thebody
element.
- Replace
- @j-lr@at33v
Hello, try doing the following:
- Reduce the gap(
gap-16
) on the element with the identifierid
The issue is that a large gap is possibly pushing the content, causing a scroll bar to appear.
Marked as helpful - Reduce the gap(
- P@aseptimu@at33v
Hello, try doing the following:
- Remove
margin: auto
from the.card
class - Add
justify-content: center
to themain
element
- Remove