Skip to content
Submitted almost 2 years ago

Meet landing page using both grid and flexbox

Sazzadur Rahman•80
@sazzad88
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. What size of image should be considered for website. Generally big size images are used in figma but they are not very good to be used in website.

  2. Should we use multiple image for different screen size ?

Any other suggestion for better practice is appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • Matheus Fernandes•340
    @xtirian

    Hey friend! Hope you are doing well.

    I don't have suggestion, just want to ask you something. I really liked the way you solved the footer part. Can you explain me what is the logic?

    footer::before {
    content: '';
    position: absolute;
    background-color: rgba(77 150 169 / 0.9);
}

    Basically you create an empty content before the footer with the background-color, am I right?

    But, do you know why this content created before the footer isn't covered by the footer img?

    I had to create a div inside the footer to be like a colored glass between the footer img and the content.

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