Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

huddle-landing-page-with-single-introductory-FLEXBOX with GRID

@gianback


Design comparison


SolutionDesign

Solution retrospective


Try to make it as close to the model as possible (it's a problem I think LOL), use a grid to distribute the image and text in percentage and that way it was better than my previous solution

Community feedback

Account Deleted

Hi, your solution looks fine but you did not make it responsive;

  • It works fine on desktop but it starts getting a horizontal scroll when you resize because it doesn't fit and is not responsive.
  • What you have to do is to put the image and the text next to it a flex-container and use flexbox to position everything and do not set a fixed width on the image as it'll need to breath and change it's size and you resize the window. You can maybe give it a min-width.
  • Also the breakpoint for the mobile view doesn't have to be at 375px.

Keep coding👍.

0

@gianback

Posted

@thulanigamtee Hello! Take into account what you told me and I made a grid with percentages and adjusted the responsive design, THANK YOU VERY MUCH!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord