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
Not Found

Submitted

Fully Responsive Meet Landing page using HTML, CSS, Flexbox, BEM.

@akmalov11c

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
yoyov51234 240

@yoyov51234

Posted

Hi Sardor, Thank you for sharing the git code , i was learning from you. And for the header_info 'Group Chat for everyone', I have the same font-size,font-wight, font-family and line-height as yours, but we have a different layout .

My was like: 'Group Chat for everyone'

Your is like (yours matches the design): 'Group Chat for everyone'

When I took a closer look, seems you are using padding for left and right for the paragraph, is it a common strategy to use for present a paragraph ? how did you come up with this idea~ it's brilliant!!!

0

@akmalov11c

Posted

Thank you so much for your kind words! I'm glad to hear that you found my code helpful and that you are learning from it.

Regarding the layout of the header text 'Group Chat for everyone,' using padding for the left and right sides of the paragraph is indeed a common strategy to ensure that text appears centered and visually appealing within a given space. This approach helps create a cleaner and more balanced look, especially in responsive designs where the text needs to adapt to different screen sizes.

I came up with this idea because padding allows for more control over the spacing around the text without affecting the text's alignment or overall layout. It's a simple yet effective technique to enhance the readability and aesthetics of the content.

Feel free to reach out if you have any more questions or need further assistance. Happy coding!

1
P
yoyov51234 240

@yoyov51234

Posted

@akmalov11c Thank you Sardor, ~~ it's very helpful information! I've already followed you, and will check on your other solutions to get a good understanding of front-end coding, you are a master! : )

0

@akmalov11c

Posted

@yoyov51234 Thank you so much for your kind words and for following me. I'm glad to hear that you found the information helpful. Feel free to check out my other solutions and don't hesitate to reach out if you have any questions or need further assistance. Happy coding! 😊

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