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

Meet Landing Page

Igor 230

@For1207

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

@hichamweblog

Posted

Hi there,

Here are some thoughts on your project:

  • Positives:

    • Design Consistency.

    • Responsive Design(Good use of media queries for responsiveness)

    • Effective use of CSS variables

  • Suggestions for Improvement:

    • Try to Refactor the CSS to remove redundancies and improve efficiency.

    • Consider adding a background color to the page.

    • If you want to make three equal columns in the header-content on bigger screens, you can add the following flexbox rule:

@media screen and (min-width: 1440px) {
.header-content>* {
        flex: 1 1 100%;
}
}

Overall, you've done a fantastic job with the project. Keep up the great work!

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