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

Robert Spatz

@rspatzUnited States120 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!

I’m currently learning...

Tailwind.css, JavaScript, React, Supabase, Flexbox, Grid

Latest solutions

  • Loopstudios Multi-Page Website using Flexbox and Mobile-First strategy


    Robert Spatz•120
    Submitted 12 months ago

    If someone can please tell me what is causing the hero image on the landing page to only show a detail, rather than covering the whole background, I appreciate it. I used background-position: center; and background-size: cover; Also, what do you think of my code? I try to write as DRY and clean as I can, and I am always trying to improve. Thank you!


    0 comments
  • Built with HTML5, CSS3, Flexbox, Responsive Design, Vanilla JS


    Robert Spatz•120
    Submitted almost 4 years ago

    2 comments
  • Responsive Mobile-First Solution with Flexbox


    Robert Spatz•120
    Submitted about 4 years ago

    0 comments
  • Clipboard Landing Page with Sass and Flexbox


    Robert Spatz•120
    Submitted about 5 years ago

    1 comment
  • Mobile-First, Flexbox, JavaScript


    Robert Spatz•120
    Submitted almost 4 years ago

    1 comment

Latest comments

  • Chiang Lynn•110
    @chianglynn
    Submitted almost 4 years ago

    HTML, CSS JavaScript

    1
    Robert Spatz•120
    @rspatz
    Posted almost 4 years ago

    Hello Chiang, When I previewed your live site, I noticed that in the "Latest Articles" Section, you had too much padding on the left, and the 4th article/image was pushed to a second row. I downloaded your code and found the problem. If you change CSS Line 524 to separate blocks of code for .section-2 and .section 3, such as:

    .section-2 { text-align: left; padding: 7rem 9rem; }

    .section-3 { text-align: left; padding: 7rem 6rem; }

    all 4 articles will be on one line. Finally, on line 552, I suggest adding a margin-left:

    .section-3 h2 { text-align: left; margin-left: 1.5rem; }

    This will make your h2 heading "Latest Articles" line up properly. I don't know that this is the best solution, but I hope it helps!

    Marked as helpful
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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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