Submitted over 3 years ago

HTML & CSS

Reinhardt Venter• 25

@RingoFloyd

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Meet landing page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This is my first challenge submitted. I am fairly happy with the desktop design, although there is a border on the right I would like to remove that I can't seem to get rid of.

I have also not been able to make the design responsive for tablet and phone screens and I would appreciate any help anyone can give me.

Community feedback

Bulumko Papu• 180

@bulumkopapu

Posted over 3 years ago

Hey REINHARDT great work. Getting a design to be responsive is much easier than it use to be.

Check my code out here and see how I went about developing the meet landing page: https://github.com/bulumkopapu/meet/tree/master

Checkout these resources below they should point you in the right direction:

Flexbox: https://www.youtube.com/watch?v=fYq5PXgSsbE
CSS Grid: https://www.youtube.com/watch?v=9zBsdzdE4sM&t=2s
CSS Media queries: https://www.youtube.com/watch?v=yU7jJ3NbPdA

Please log in to post a comment

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