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

nicholasboyce

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

  • Responsive NFT Card


    nicholasboyce•220
    Submitted over 1 year ago

    0 comments
  • Social media links card using React and CSS Modules


    nicholasboyce•220
    Submitted over 1 year ago

    1 comment
  • Responsive and accessible Recipe Page using CSS Grid

    #accessibility

    nicholasboyce•220
    Submitted over 1 year ago

    1 comment
  • News Homepage using CSS Grid


    nicholasboyce•220
    Submitted over 1 year ago

    0 comments
  • Responsive expenses component built with pure CSS, Flexbox, and Grid


    nicholasboyce•220
    Submitted over 1 year ago

    0 comments
  • Newsletter with 2 sizes using Flexbox


    nicholasboyce•220
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Raquel Fonseca•30
    @RaquelDFS
    Submitted over 1 year ago

    Recipe Page

    1
    nicholasboyce•220
    @nicholasboyce
    Posted over 1 year ago

    For that, I used this rule:

    tr:not(:first-of-type) > * {
      border-block-start: 1px solid var(--line-color);
    }
    

    This means "everything within every table row except for the first one". You can't apply this styling on the table row itself, so this is your next best bet. When I practiced navigating through my page with a screen reader, I found this avoided having an extra element I needed to hide.

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