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

Mobile first Clipboard landing.

@efrainhgmx

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


All feedback is great for me 😀

Community feedback

T
Grace 30,770

@grace-snow

Posted

Hi Efraín,

I haven't looked at the code but can see that doesn't quite match the design in the above preview. I'd recommend you use max-width on your lines of text so they don't get too long - you could even use ch character units for this if you wanted

Other thing I notice on mobile is the button text is unreadable small for me at the moment. Bump that up if you can

Your report suggests you're having a liitoe trouble with articles and sections. Its admirable to try and use these tags but if over used they can become a real barrier to assistive tech users. I rarely use articles - they are intended for very distinct pieces of content like blog articles, things that could stand alone as their own page if needed. I like to think of sections as chapters of a book, or chunks of content that would qualify to be included on the contents page of a book. Basically, if a section of content has a h1 or h2, maybe consider using the section element, otherwise don't.

I hope that all makes sense and is helpful. Good luck as you keep learning ☺

1

@efrainhgmx

Posted

@grace-snow Thank you for your comment. I'll fixed the project 😁

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