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 using flexbox and SCSS

@apand03

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


Any feedback on the code or the website itself will be greatly appreciated. I have started gaining confidence after completing these challenges. Please leave a feedback so that I can focus on the areas I have to work on.

Community feedback

@Alan77777777

Posted

its the same just most smaller than original, the footer can be improved by aligning the elements to the center and putting the correct order of the elements in between using grid-column: 1/2 or grid-row: 2/3, and finaly and you can add shadows to the buttons

Marked as helpful

1

@apand03

Posted

@Alan77777777 Thanks for pointing out the footer part. To be frank, when I started writing the footer, I found it a bit difficult than other sections as I don't have a good grasp of using grid. I will try to make the alignment of footer more readable by using the suggestions that you mentioned.

1
Abdul 8,540

@Samadeen

Posted

Hey!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

  • You should nest your sections in a main tag to improve accessibility.
  • You also include headings in your articles

This should fix most of your accessibility issues and HTML issue

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Marked as helpful

1

@apand03

Posted

@Samadeen Thanks for giving me such useful suggestions. I will try to use these for every one of my next projects.

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