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

Ryan Mahara

@MainlyColorsIllinois, United States135 points

My name is Ryan and I'm currently working towards making a career switch into frontend development.

I’m currently learning...

HTML, CSS, Javascript, Responsive Design, React

Latest solutions

  • Responsive Vanilla HTML/CSS solution


    Ryan Mahara•135
    Submitted over 3 years ago

    2 comments
  • Responsive website built with React & CSS modules


    Ryan Mahara•135
    Submitted over 3 years ago

    0 comments
  • Responsive site built with CSS Grid and JS for the theme switcher


    Ryan Mahara•135
    Submitted almost 4 years ago

    1 comment
  • Responsive site built with mostly HTML/CSS and JS only for email input


    Ryan Mahara•135
    Submitted almost 4 years ago

    2 comments
  • Mobile First using HTML/CSS - Feedback Welcomed


    Ryan Mahara•135
    Submitted almost 4 years ago

    1 comment
  • HTML, CSS, and responsive design approach. Any Feedback welcomed


    Ryan Mahara•135
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • Ryan Mahara•135
    @MainlyColors
    Submitted almost 4 years ago

    Responsive site built with mostly HTML/CSS and JS only for email input

    2
    Ryan Mahara•135
    @MainlyColors
    Posted almost 4 years ago

    Fixed the label and added some animations to it if anyone wants to check it out, tried getting the website perfect the screenshot stops being a few pixels off but after checking I matched the figma, idk why its still off?

  • Matias Mass•280
    @MatiasMass
    Submitted about 4 years ago

    No one

    1
    Ryan Mahara•135
    @MainlyColors
    Posted about 4 years ago

    your github pages is showing the readme instead of the index.html, I assume the reason is your files are inside a doc folder but you didn't link the github pages setup to that folder.

    The SVG images could be linked with an <img> tag instead of using the raw SVG code. like below:

    <img src="./images/icon-sedans.svg" width="64" height="40" alt=""/>
    

    In this example we use "./" in the beginning of the link to say current directory then the normal folder structure after that. This is called the relative path, its relative to the index.html file location.

    Also look into semantic HTML, the accessibility report is yelling at you because it expects to find a <main> tag which defines the main content on the page for people that use screen readers.

    Hope this helps, keep putting that work in😁

    Marked as helpful

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