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

Tony Ruiz

@tonyruizoTampa, FL55 points

Love to code.

I’m currently learning...

Javascript & Python.

Latest solutions

  • Order summary Component

    #sass/scss

    Tony Ruiz•55
    Submitted over 3 years ago

    1 comment
  • Stats Preview Card

    #sass/scss

    Tony Ruiz•55
    Submitted over 3 years ago

    0 comments
  • NFT preview component card

    #sass/scss

    Tony Ruiz•55
    Submitted over 3 years ago

    0 comments
  • QR Code Component

    #sass/scss

    Tony Ruiz•55
    Submitted over 3 years ago

    1 comment
  • Social Proof Section

    #sass/scss

    Tony Ruiz•55
    Submitted over 3 years ago

    1 comment

Latest comments

  • Steven Reginald Barkley•70
    @steven-barkley
    Submitted about 3 years ago

    VS code editor, CSS style in the head, in-line CSS and W3schools ref

    #accessibility
    3
    Tony Ruiz•55
    @tonyruizo
    Posted about 3 years ago

    Hello Steven!

    Check out those accessibility issues in the report, easy fix for that is to wrap your html div contents inside a landmark, as in <header></header, <main></main>,<section></section> and <footer></footer>.

    Also don't forget the mobile design. Look into some CSS Grid and media queries and you should be able to make it happen.

  • ZJStrinic•120
    @ZJStrinic
    Submitted over 3 years ago

    Order Summary using CSS Flexbox

    2
    Tony Ruiz•55
    @tonyruizo
    Posted over 3 years ago

    Looks really good!

    In the html you should wrap your <div class="attribution"> inside a <footer></footer> for that html validation report. I had the same issue with one of my challenges. Also, check out all this shadowbox examples from this site https://getcssscan.com/css-box-shadow-examples , they have really smooth looks.

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

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