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

A suite landing page using Grid and Flexbox

P

@rule-kells

Desktop design screenshot for the Suite landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback and criticism welcomed.

Community feedback

@maqsudtolipov

Posted

Hi there 👋

Congratulate on finishing your project 🎉. You did a great job 💡

I give some suggestions to help you take your project design to the next level 📈😉

  • The main heading should be in 2 lines instead of 3
  • Also It just works should be It just works, I mean works should be in bold
  • In this section Make the username text uppercase

Happy coding ☕

Maqsud

Marked as helpful

0

P

@rule-kells

Posted

@maqsudtolipov Hello! That's interesting and something I noticed. I am perplexed. When I look at it on my devices on a Mac in Firefox and Chrome browsers, it is only two lines. I noticed on the screenshot it is three. But is it showing up as three lines for the heading for you? What device and browser are you using? I did also notice it's a little funky looking in Safari.

0

@optimusprime202

Posted

Hey @rule-kells, You’ve just about mastered this.

1

P

@rule-kells

Posted

@optimusprime202 Thank you Optimus!

0
P

@rule-kells

Posted

Also, if someone could tell me why the screenshot is generating differently from what my website actually looks like? Noticed the title is not correct in the screenshot but looks like the design on my actual website! thanks!

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