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

Responsive Landing Page using CSS grid

Kaung Zin Heinβ€’ 720

@K4UNG


Design comparison


SolutionDesign

Solution retrospective


I thought I was comfortable with flexbox before this but I had to use CSS grid for the layout of this page. When I was implementing the responsive design, it felt very inefficient. I know it's because I was not comfortable with CSS grid yet but it still worked out so is it normal or at which parts need improvement? I mostly stuck styling the footer section when I was writing CSS. If I were to implement this with flexbox, how can I do that?

Community feedback

Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

Hello Kaung ! Congo πŸ‘ on completing this challenge

  • You are missing Main tag Warp your card content around the main tag Ex: πŸ‘‡
<body>
<main class="container">
*all you content here*
</main>
</body>

happy CodingπŸ˜€

Marked as helpful

1

Kaung Zin Heinβ€’ 720

@K4UNG

Posted

@Crazimonk thanks I'll be careful next time

0
Duyen Nguyenβ€’ 950

@Duyen-codes

Posted

Hey! Your solution looks great! I've looked into your codes and learned a tons. I did not know how to change the color of logo to white and thanks to you I have managed to do it, well basically i copied 1 line of your code and that's done. I wonder how did you know about that filter thing, it's quite long line of many things. Since I copied and it worked but I dont quite yet understand, I would be very grateful if you could help shred some lights for me on this matter. Thanks a lot in advance and keep up the great work!

1

Kaung Zin Heinβ€’ 720

@K4UNG

Posted

Hey Duyen, thanks for checking out my code. CSS filter is just a collection of many kinds of filters that you see in a typical photo editor. You can learn more in-depth about its properties at https://www.w3schools.com/cssref/css3_pr_filter.asp Or if your only purpose is to change the color like me, there're a number of color to CSS filter converters online. It makes it a whole lot easier. Happy Coding!

0
Duyen Nguyenβ€’ 950

@Duyen-codes

Posted

@K4UNG Hey, thanks very much for the info! I'll check it out. Keep 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