Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
12

Lartzmanuel

@Lartzmanuel190 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

  • Advice generator app using advice slip API

    #accessibility

    Lartzmanuel•190
    Submitted over 1 year ago

    0 comments
  • age-calculator-app-main

    #accessibility

    Lartzmanuel•190
    Submitted over 1 year ago

    0 comments
  • qr-code-component-main


    Lartzmanuel•190
    Submitted over 1 year ago

    1 comment
  • newsletter-sign-up-with-success-message-main


    Lartzmanuel•190
    Submitted over 1 year ago

    2 comments
  • news-homepage-main

    #bootstrap#express#mongodb#react#node

    Lartzmanuel•190
    Submitted over 1 year ago

    0 comments
  • product-preview-card-component-main

    #bootstrap#express#mongodb#react#node

    Lartzmanuel•190
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • thaihanguyen98•30
    @thaihanguyen98
    Submitted over 1 year ago

    Newsletter sign up form with success message

    1
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    Site looks pretty great! Great job👍 In your github repo I found your .gitignore file. gitignore are not meant to be accessed by anyone who views your repository. This is because gitignore files usually contain sensitive data such as passwords. I don't know how you uploaded it in your repo but make sure it's not accessible to others so that sensitive data wouldn't be compromised! Hope this helps!

  • karan-2004•70
    @karan-2004
    Submitted over 1 year ago

    Fully functional age calci

    1
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    Hi there, I just checked your site using mobile phone and everything wasn't in place. Try to make your design responsive to mobile screen by designing your app using mobile first approach Remove the box shadow as it was not in the original design Add some padding in your input to also create some spacing. Try to also play around the font sizes to get your design closer to the original design I hope this helps!👍

  • arikanb•20
    @arikanb
    Submitted over 1 year ago

    Parfume_BeytullahArikan

    3
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    You can use media queries like this:

    @media-query only screen and (min-width: 700px){
    .image-container {
        content: url(/assets/images/etc);
        Object-fit: cover;
      }
    }
    

    Note that I just used 700px as my break point for example sake. You can adjust the break point to your liking.

    I hope this helps👍

  • Sohaib•130
    @Turbosohaib
    Submitted over 1 year ago

    html, JavaScript, tailwindcss,

    #tailwind-css
    1
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    Hey Man, Site looks pretty great in terms of layout. A few things need to be handled. When you hover over some of elements they don't change colors as required in the project. You also need to handle your button's background when hovered on. Your site is not mobile responsive. These issues when handled will make the site perfect! Keep up the good work man :)

    Marked as helpful
  • Jessica Ragnar•30
    @JessicaRagnar
    Submitted over 1 year ago

    QR code component using HTML and CSS

    2
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    Hey there, Checked out your site and it's pretty cool.. But a few things.. It'd be better to rather target all html elements and reset to allow proper layout control. Code below

    * { 
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    

    Aside that I think every other thing is fine. Hope this helps!

    Marked as helpful
  • Fluffy Kas•7,655
    @FluffyKas
    Submitted over 1 year ago

    Product Preview Card

    #accessibility#bem#vite
    1
    Lartzmanuel•190
    @Lartzmanuel
    Posted over 1 year ago

    Hi there👋. You managed to get your design almost like the original design. That's great!..And what did you say? You this everything under an hour that's really crazy💪. Checked out your codes too and it was clean. Saw a few things in your code I've never known. You're really someone I'd like to learn from🤗🤗

    Great Job there!!

View more comments

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

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