Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
0
Comments
5

at33v

@at33v40 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

No solutions submitted yet.

Latest comments

  • Martina Ďuríková•40
    @TinaMoof
    Submitted over 1 year ago

    Recipe page HTML, CSS

    1
    at33v•40
    @at33v
    Posted over 1 year ago

    Hello, try using padding-left for the li elements.

  • Flávia Reis•690
    @flaviare1s
    Submitted over 1 year ago

    Responsive page using Tailwind.

    #tailwind-css
    2
    at33v•40
    @at33v
    Posted over 1 year ago

    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:

    1. Tailwind class bg-[url('../images/bg-pattern-top-desktop.svg'),url('../images/bg-pattern-bottom-desktop.svg')]
    2. Tailwind config 'pattern-desktop': "url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg')",
    3. 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
  • Craig•190
    @cchivers
    Submitted over 1 year ago

    3 Column Preview Card Component - Vanilla HTML/CSS

    2
    at33v•40
    @at33v
    Posted over 1 year ago

    Hello, try doing the following:

    1. Replace height: 100vh with min-height: 100vh on the body element.
  • Rishabh Dhawan•30
    @j-lr
    Submitted over 1 year ago

    css grid tailwind-css

    #tailwind-css#fetch
    1
    at33v•40
    @at33v
    Posted over 1 year ago

    Hello, try doing the following:

    1. Reduce the gap(gap-16) on the element with the identifier id

    The issue is that a large gap is possibly pushing the content, causing a scroll bar to appear.

    Marked as helpful
  • P
    Alex•60
    @aseptimu
    Submitted over 1 year ago

    Simple html + css using flexbox solution

    2
    at33v•40
    @at33v
    Posted over 1 year ago

    Hello, try doing the following:

    1. Remove margin: auto from the .card class
    2. Add justify-content: center to the main element
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub