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

Chris

@chintriagoLos Angeles260 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...

Front-end Web Development

Latest solutions

  • FAQ Accordion with Simple HTML CSS JS


    Chris•260
    Submitted 3 months ago

    0 comments
  • Flylo Landing Page with HTML/CSS/JS


    Chris•260
    Submitted about 1 year ago

    I would like help with writing my html and css to be more responsive.


    0 comments
  • Tip Calculator App


    Chris•260
    Submitted over 1 year ago

    0 comments
  • Product preview card component


    Chris•260
    Submitted over 1 year ago

    3 comments
  • Loopstudios landing page using HTML | CSS | JS | Grid | Flexbox

    #accessibility#semantic-ui

    Chris•260
    Submitted over 1 year ago

    0 comments
  • Intro Section with Dropdown Navigation with HTML CSS and JS


    Chris•260
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • P
    Kelsie Paige•40
    @KelsiePaige
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I most proud of how much easier it's becoming to follow a style guide and get the end result as close to the design as possible. Next time, I'm going to be more meticulous in tracking where time is spent on a project. I think it'd be fun to document how much time it takes me to work on each aspect of a project.

    What challenges did you encounter, and how did you overcome them?

    One of the biggest challenges I had was with git and github. I've been trying to practice branching, merging, and pull requests. Usually, I have no issues but for some reason I kept getting errors saying the repo wasn't a working repo though my commits were being pushed through. I'm not even sure what caused the issue or what any of the other issues were that I encountered. I just copied my work, deleted the original repo, and pasted everything into a new one. I should've taken a screenshot and asked for help. Thankfully, this wasn't a large project but I learned my lesson for next time.

    Blog Preview Card using HTML & CSS

    #styled-components
    1
    Chris•260
    @chintriago
    Posted 3 months ago

    Looks great! my only advice is instead of using divs you can use more semantic html like <main>, <header>, and <article>.

  • Tok1o•350
    @ridhofaaauzi
    Submitted over 1 year ago

    Product Preview Card Component

    1
    Chris•260
    @chintriago
    Posted over 1 year ago

    Looks great and code is very readable with your naming conventions! My only advice would be to use more semantic HTML like MAIN and SECTION instead of DIV.

    Marked as helpful
  • shan1y•190
    @shan1y
    Submitted about 3 years ago

    Base-Apparel-Challenge

    2
    Chris•260
    @chintriago
    Posted about 3 years ago

    with "<input type="email" the input field gives you an automatic message from the browser when entering an invalid email and not your own error message. You should change it to "<input type="text". Other than that great job! It looks just like the original and very responsive. I had issues with mine so I will be definitely be studying your code :)

  • Julian•280
    @Julr09
    Submitted over 3 years ago

    Profile card

    1
    Chris•260
    @chintriago
    Posted over 3 years ago

    Hey I just posted the same challenge and was trying to figure out how to make the background images stay in place. This really helped me out! Also I didn't know about the four-value syntax for background-position or even using VW on them. My question is how did you come to the realization changing position for the main and body would fix the background image problem? Also, to get rid of your accessibility issue you just need to add an h1 tag, other than that it looks good and responsive!

  • Mary•110
    @maryelib
    Submitted over 3 years ago

    Three Column Card Component

    1
    Chris•260
    @chintriago
    Posted over 3 years ago

    It looks really good and close to the original! also the responsiveness is good. As for feedback, You forgot to change the background-color of the body to very light gray, the lower case s in SUVs, and it's really hard to read your bottom footer. I'm not too familiar with the accessibility side but you should look into it since it says there some issues.

    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

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