Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
6
Corey
@cjay44

All comments

  • emmadumbi•310
    @emmadumbi
    Submitted 9 months ago

    four-card-feature-section-master

    2
    Corey•90
    @cjay44
    Posted 9 months ago

    Looks fantastic mate!

    Marked as helpful
  • tjnut3•90
    @tjnut3
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    First time using media query for responsive. hope this help my skills and experience in responsive design before i going to learn about framework and advanced project.

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

    it's all about responsive. i tried to made it easy to read and understand in every device. also have a bit problem with flexbox width.

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

    Can you advice me a framework for starter only html and css? i want to start learning about framwork now.

    Responsive product preview using flexbox.

    2
    Corey•90
    @cjay44
    Posted 9 months ago

    Great first attempt mate! I would suggest that you look into the max-width properties. It will help ensuring that context doesn't get too big, especially on screens with large resolutions.

    Happy coding!!

    Marked as helpful
  • Austin•10
    @devaustin10
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of css work

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

    Challenge was utilizing flexbox correctly

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

    Raw CSS styling

    Static QR Code Page using raw CSS HTML

    2
    Corey•90
    @cjay44
    Posted 9 months ago

    Looks great mate!

  • Sam•20
    @sambarnades
    Submitted over 2 years ago

    Create that grid using Boostrap tools

    #bootstrap
    2
    Corey•90
    @cjay44
    Posted over 2 years ago

    Hey, This is great! It looks like this would be a perfect project to utilize grid - for the col-span, and row-span properties!

    To get the margins consistent for each card, you should look into the "gap" property. It comes in handy, for setting "margins" for children of flex and grid containers.

  • Corey•90
    @cjay44
    Submitted almost 3 years ago

    Responsive Product Cards | HTML & CSS

    3
    Corey•90
    @cjay44
    Posted almost 3 years ago

    Looks like I got the width/height a little off - Those figma files would be nice

  • Karol•260
    @CharlesSquirel
    Submitted almost 3 years ago

    QR-code-component with Flexbox

    3
    Corey•90
    @cjay44
    Posted almost 3 years ago

    Looks Great!

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub