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

Chris

@Ramirez-Christopher200 points

UNLV Computer science major

Latest solutions

  • grid testimony with grid!


    P
    Chris•200
    Submitted 9 months ago

    If you have experience creating projects with the cube methodology, any tips on structuring my code to adhere to it would be appreciated :) but any help is appreciated!


    1 comment
  • four card solution with flexbox


    P
    Chris•200
    Submitted 10 months ago

    1 comment
  • Product preview responsive design using media query


    P
    Chris•200
    Submitted 10 months ago

    Could you please review my CSS code and provide feedback on the following aspects:

    Code structure and organization Cross-browser compatibility Responsive design Flexbox usage Performance Styling consistency Best practices

    I'm particularly interested in any suggestions for improving the layout and ensuring it works consistently across different browsers and devices."


    1 comment
  • Social Media solution using flexbox


    P
    Chris•200
    Submitted 10 months ago

    I would like advice on good coding practice for both html and css. Thank you! :) *any other criticism is accepted!


    1 comment
  • Qr-code-component using flexbox


    P
    Chris•200
    Submitted 11 months ago

    I would like to know if I have good coding or if I should change some things for future solutions. Thank you :).


    1 comment

Latest comments

  • P
    Michał•290
    @miedzygalaktycznygit
    Submitted 9 months ago

    JS/CSS reset/ Sass

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 9 months ago

    everything looks great! some styles are used multiple times, maybe consider making them variables.

  • P
    Christian•300
    @christianb3ll
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    I got really stuck on getting the share icon to work for both mobile and desktop. I thought of doing two separate components and hiding one but that felt a bit hacky. Maybe I'm overthinking it. Curious to see how other people did it.

    Article preview component

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 9 months ago

    looks great :)

  • Makc240305•150
    @Makc240305
    Submitted 9 months ago

    Testimonials-grid-section-7-challange

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 9 months ago

    Everything looks great :)

  • Anant Chitranshi•80
    @CSENGGGEEK
    Submitted 9 months ago

    Four Card Section with HTML and CSS only

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 9 months ago

    The line-height for both .tagline and h1 is set to 25%, which is unusual and might cause readability issues. Consider using a more conventional line height (e.g., 1.2 to 1.5 for headings and 1.5 to 1.8 for paragraphs).

    Marked as helpful
  • Shaharyar16•40
    @Shaharyar16
    Submitted 10 months ago

    Responsive Layout Using media queries and flexbox

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 10 months ago

    Consolidate Common Styles: Move common styles outside of media queries to avoid redundancy.

    Sizing and Margin Reset: The margin: 0% in the universal selector is unusual. It should be margin: 0 to remove all margins.

    Marked as helpful
  • P
    Anamay•470
    @anamaydev
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I’m proud that I completed this project in under an hour and that I’m becoming increasingly comfortable with Flexbox. Additionally, I made a conscious effort to avoid using px units, as suggested by my peers, and instead opted for more responsive units. I’m also really pleased with how the transition effect on the buttons turned out.

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

    I didn’t encounter any challenges during this project. Everything went smoothly.

    What specific areas of your project would you like help with?

    I would appreciate feedback on my CSS code and any tips for improving it.

    Social links profile

    1
    P
    Chris•200
    @Ramirez-Christopher
    Posted 10 months ago

    To improve maintainability, especially with repeating colors and spacings, you might consider using CSS variables:

    Marked as helpful
View more comments

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

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