Skip to content
Submitted over 2 years ago

Intro Component with Signup

Sara Dunlop•430
@Risclover
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The one thing I had trouble with is the background. I got pretty close, but if you look closely, you'll see that it doesn't smoothly repeat, but instead has a column that visibly clips itself. You can partially see this column and then the background restarts. If anyone has any clues as to how I can fix this, I am all ears! Thanks 😊

Community feedback

  • ronaldlamdev•430
    @ronaldlamdevPosted over 2 years ago

    Try to add in @media (min-width: 1000px) a background image: url('images/bg-intro-desktop.png'). Hopefully this removes the column that you are talking about.

    Marked as helpful
    0
    Sara Dunlop•430
    @RiscloverPosted over 2 years ago

    @ronaldlamdev Omg! You're right! I never realized that there are two backgrounds, one for mobile and one for desktop. Thank you so much!

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord