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 clipboard landing page ( first time using flexbox)

Junior Amianβ€’ 110

@Junior-Amian

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey DEV family, this one is special for me, I put a lot of effort, so feel free to share your opinions.

Community feedback

Arneβ€’ 1,110

@Dudeldups

Posted

Heya πŸ‘‹

It is very helpful to start with smaller challenges to get to know all the basics before advancing too fast πŸ˜‰

There are a few things in your code that could be avoided. As a general advice, you should ask yourself when creating a <div>: Do I really need that wrapper?

For example, you are even wrapping your buttons inside a div, although it has no effect. You can style the button directly.

You should start your design with the mobile version. The approach you made is desktop-first. When you start with mobile, it has better performance for mobile devices and making the site responsive is way easier.

Again, I can not recommend enough to do easier challenges until you feel comfortable with what you're doing. Also it's easier to get feedback, since the code to look through is smaller 😜

Overall a good result, happy coding πŸ‘Ύ

Marked as helpful

0

Junior Amianβ€’ 110

@Junior-Amian

Posted

hey @Dudeldups , After having examined what you said i understood your observation. Thanks for the advice , really helpful i appreciate .

Any others advice ?

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