Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
40
Comments
2
P
Raj Cutinha
@RajCutinha

All comments

  • Mcwachira•260
    @mcwachira
    Submitted about 4 years ago

    Solution to the flyo landing challange

    2
    P
    Raj Cutinha•870
    @RajCutinha
    Posted about 4 years ago

    Hello if you really struggle with mobile responsiveness i would suggest this free course from Kevin Powell. I also struggled with it and this course helped me. Take the time and do the challenges there you will improve fast. Here is the Link: https://courses.kevinpowell.co/conquering-responsive-layouts

  • Sharon•20
    @EnjegheO
    Submitted almost 5 years ago

    Single-price-grid site using Flexbox

    1
    P
    Raj Cutinha•870
    @RajCutinha
    Posted almost 5 years ago

    Hello here is a List of what i would do after looking into your Site. Your Mobile Site looks good to me.

    1. Add a max-width to your flex-container i think 800px is fine// At some point items need to stop growing
    2. U should use % values for your boxes width so they can grow and shrink freely for box 1 use 100% and box2 and box 3 use 50%
    3. Add a flex-grow of 1 on box2 and box3 so they can take all the free space if u resize your window
    4. Add a flex-basis of 320px to box2 and box3 so if they have less space than 320px they wrap to the next line

    I hope it was helpful.

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