Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
3

Kevin Toan

@CookielovekevinJersey City, NJ60 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!

Latest solutions

  • flexbox!


    Kevin Toan•60
    Submitted about 1 year ago

    1 comment
  • FlexBox!


    Kevin Toan•60
    Submitted about 1 year ago

    1 comment
  • Flexbox!


    Kevin Toan•60
    Submitted about 1 year ago

    1 comment
  • Flex Container QR


    Kevin Toan•60
    Submitted about 1 year ago

    1 comment

Latest comments

  • jubileelin•100
    @jubileelin
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I tried to apply some knowledge that I learned from the last challenge about using different CSS units in order to create responsive designs and apply it to this design, such as using rem instead of px.

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

    It was difficult getting used to rem, but I did realize how much more effective it is at creating responsive web design.

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

    I want to know if I used rem correctly, I kinda just replaced all instances of px with rem and used a media query to resize the container on a mobile phone screen. I also would like to try and use mobile-first workflow on the next project I do, so if anyone has advice or tips about this concept, it would be appreciated.

    Social Links Profile

    2
    Kevin Toan•60
    @Cookielovekevin
    Posted about 1 year ago

    I believe you are using rem properly, besides the one time you used it to set the border-radius. I think for the most part rem is used for fonts and font styling, whereas things like borders, outlines, margins should be px since it doesn't scale with zoom-in. (for the most part when you zoom in people want the text to be bigger not the boxes and margins they are in)

    Marked as helpful
  • Divya•50
    @Divya4879
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    While doing this challenge, I was the most proud of completing it under the time I'd expected.

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

    I encountered the problem of being unable to change font-size by changing screen size. I wasn't able to overcome it, rather I made my card width responsive, and changed the font-size at some breakpoints.

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

    I would like help with changing the font-size along with the screen size, without media-queries.

    Mobile-first Blog Preview Component

    2
    Kevin Toan•60
    @Cookielovekevin
    Posted about 1 year ago

    very nice just a little wider than the design

  • Syed-1129•50
    @Syed-1129
    Submitted about 1 year ago

    qr-code-component

    1
    Kevin Toan•60
    @Cookielovekevin
    Posted about 1 year ago

    You could change colors to match the design

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

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