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

Sunnyside agency landing page

#jquery#node#tailwind-css#itcss

@musfirahhamid

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hope you like my work! Feedback and suggestions on how I can improve are very welcome!.

Community feedback

Abdulā€¢ 8,560

@Samadeen

Posted

Hey!! Cheers šŸ„‚ on completing this challenge.. .

Here are my suggestions..

  • You should nest your headings paragraphs and images in a main tag**.
  • Go down orderly when you are using the headings h1 down to h2 down to h3 and so on.
  • You can wrap your `div class="bg-footer" section in a footer tag to avoid accessibility issues.
  • You should add a the lang attribute to your html tag.
  • Remove some unnecessary attribute on your tags.
  • Dont Leave a section or article without a heading.

This should fix most of your accessibility issues and HTML isssues. Make sure to generate a new report while at it

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

1

@musfirahhamid

Posted

@Samadeen Thank you very much for your very helpful suggestions.

0
Okafor Raphaelā€¢ 240

@OkaforRaph

Posted

You did a beautiful job, congratulations on completing the challenge. The only problem with the project is that you did not size your images accordingly. still give yourself a pat at the back... You did a good job overall.

0

@musfirahhamid

Posted

@OkaforRaph Did you check the live Preview? Can you please tell me which part are you talking about?

0
Okafor Raphaelā€¢ 240

@OkaforRaph

Posted

@musfirahhamid The features section, the text is to share 50% of the width, and the image the other half

1

@musfirahhamid

Posted

@OkaforRaph I did the same. w-6/12. It looks fine in my browsers. But in Design Comparison Screenshot it looks messed up. Thank you for your help.

1

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