Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
7
ysagohh
@ysagohh

All solutions

  • Input validation and calculations using Javascript


    ysagohh•260
    Submitted 3 months ago

    How should I fix the layout such that it still looks good even if the user enters large numbers (e.g. 1000000000000). Right now, since the layout is responsive, it breaks when the input is large.


    1 comment
  • Responsive Grid with JSON Data


    ysagohh•260
    Submitted 3 months ago

    Is my Javascript code optimized and easy to understand? Is my CSS organized and readable?


    1 comment
  • Bento Grid


    ysagohh•260
    Submitted 4 months ago

    0 comments
  • Mobile-first page using CUBE CSS concepts

    #cube-css

    ysagohh•260
    Submitted 4 months ago

    Did I apply CUBE CSS well? I was following the methodology at the start, but at some point, I had a lot of exceptions. Is my code optimized?


    0 comments
  • Newsletter signup form with email validation


    ysagohh•260
    Submitted 4 months ago

    Is my Javascript code optimized and easy to read?


    1 comment
  • Article preview component using Grid


    ysagohh•260
    Submitted 4 months ago

    2 comments
  • Testimonials using CSS Grid


    ysagohh•260
    Submitted 4 months ago

    1 comment
  • Responsive landing page using CSS Grid and Flexbox


    ysagohh•260
    Submitted 4 months ago

    Which is best practice to lay out first: desktop or mobile?


    0 comments
  • Responsive social proof section using CSS Grid


    ysagohh•260
    Submitted 4 months ago

    I don't understand why the grid items were not shrinking together with the grid container. Any ideas?


    0 comments
  • Order summary card


    ysagohh•260
    Submitted 4 months ago

    0 comments
  • Four card feature section using CSS Grid


    ysagohh•260
    Submitted 4 months ago

    1 comment
  • Responsive Preview Card using CSS Grid


    ysagohh•260
    Submitted 4 months ago

    Is there a better way to align the container at the center of the screen while the footer is at the bottom? I'm using Grid to do it in this project, and I have used Flexbox combined with margin-top: auto in the past.


    1 comment
  • Responsive car preview card


    ysagohh•260
    Submitted 5 months ago

    Why doesn't the bottom margin of my footer show on mobile?


    1 comment
  • Simple social card using FlexBox


    ysagohh•260
    Submitted 5 months ago

    Curious if my code is readable and organized well.


    0 comments
  • Responsive preview card using FlexBox


    ysagohh•260
    Submitted 5 months ago

    I'm curious if there are better ways to structure the HTML. Also whether "wrapper" and "container" are okay to use as class names or if there are best practices.


    0 comments
  • Responsive page using FlexBox


    ysagohh•260
    Submitted 5 months ago

    Would this have been easier with Grid instead of FlexBox?


    1 comment
  • First time using flexbox


    ysagohh•260
    Submitted 5 months ago

    I positioned the .attribution class at the bottom of the page using position: absolute, which looks fine on devices with enough height. But if I resize the browser to make it shorter, it then overlaps with the card. I want to make it inline so that it stays under the profile card.

    I've tried different things but I haven't found the answer. I think I'm supposed to add a media query:

    @media only screen and (max-height: 580px) {
        .attribution {
            
        }
    }
    

    1 comment
  • First webpage using HTML and CSS


    ysagohh•260
    Submitted 5 months ago

    I don't know how to change the layout to remove the colored background and enlarge the photo on mobile view. I'm also not sure whether I should be using 'class' or 'id' on the HTML elements.


    2 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

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