Skip to content
Submitted about 2 months ago

Responsive meet landing page

P
Destiny•140
@DetDet91
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

This took me forever to get the hero images and hero text to respond to the mobile and tablet sizing. I had to adjust the padding and rework that section in my HTML to get the pictures and text in the correct position, finally. In hindsight, I should learn how to use Tailwind to make this a more straightforward fix.

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

For some reason, my hero images on mobile and tablet are not displaying the entire image, unlike the previews. Additionally, do you have any recommendations on where to learn React or Tailwind?

Code

Please log in to post a comment

Log in

Community feedback

  • P
    RishabhSikka3•220
    @RishabhSikka3

    1. Nice. But would hero images are getting cropped too much even at the full screen size.

    2. Would need to adjust the aspect ratio or don't use the aspect ratio.

    3. And use the separate image for mobile devices. Use display: none to hide the images on different screen sizes.

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