Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7
FlightReacts11
@FlightReacts11

All comments

  • P
    banban•540
    @banban1023
    Submitted 3 months ago

    newsletter

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 3 months ago

    good

  • P
    banban•540
    @banban1023
    Submitted 3 months ago

    article-preview

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 3 months ago

    nice

  • Madu Jang•430
    @MJspitta
    Submitted over 2 years ago

    Four Card Feature Section

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 4 months ago

    nice

  • TradesmanBOB•120
    @TradesmanBOB
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of the fact I was able to complete the project quickly after taken quite a break. Like I started work got a significant amount of progress completed (as my first commit to GitHub), and took quite a break, after coming back I zoomed through the rest.

    What I would do differently next time is more closely look between my code after finishing and the preview as I've just noticed as of submitting that the current growth of the section is unlimited and far larger than that of the example.

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

    Getting the images to swap on differential sizing was a slight issue. Had been trying to get them to switch using picture/source and just wasn't switching on Width(px) breakpoint between laptop and mobile/tablet (750px). So, to fix said issue I just used in a media query above 750 to only show the desktop image class and only show the mobile class below 750.

    Currently there is also 13px from 750px-763px that adds a little whitespace above and below the image, whitespace as the section space as the image does not seem to take all of the height at said width but works just fine outside of those width specifics. (750px-763px)

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

    I'm not entirely sure where I would need help with. At the moment the only thing that seems to need adjusting is the sizing of the section when the width grows and shrinks and the left side "container" contents.

    Hopeful duplicate of Product Preview Card Component, HTML/CSS. Flexy

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 4 months ago

    nice

  • Obiwumma•150
    @Obiwumma
    Submitted 7 months ago

    Basic CSS styling with flexbox

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 7 months ago

    colors are off and box size is way different

  • Akira Chan•30
    @akiracodeninja
    Submitted 7 months ago

    Response Blog Card using HTML, CSS

    1
    FlightReacts11•110
    @FlightReacts11
    Posted 7 months ago

    looks pretty good just the font increase by 1 px probably

    Marked as helpful
  • mimi•80
    @mymim1
    Submitted 7 months ago

    QR Code Component (HTML,CSS)

    2
    FlightReacts11•110
    @FlightReacts11
    Posted 7 months ago

    looks good

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

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