Responsive for two devices using the tailwind component for header.

Community feedback

• 

  Okafor Raphael•240

  @OkaforRaph

  Posted almost 3 years ago

  Hey @ Satya, Congratulations on completing the challenge 🎉.

  Here are some tips to help you on your next project..

  • First, there are issues with accesibility and HTML issues from your code which should be looked at.

  • Secondly, the arrow on your hero section is not there (From the preview).

  • Also, your code is not linked properly (I think you linked the wrong GitHub repository) so I can see your code to correct you further.

  Hope this helps, Happy Coding 😊

  11

  Marked as helpful
• 

  prakhar•130

  @Prakhar-99

  Posted almost 3 years ago

  hello @satya-hash here some advise that I think make your sollution quite good 1 add background-repeat = no-repeat and background-position = center, background size = cover in all your background container. 2.when you apply media query change the flex direction of container that contain egg background image . 3 add margin from left, right in content (h1, paragraph and button) of class " left & right". and give some specific width to para of this classes. 4 give specific width to para of classes orange and cherry like 80%-85%.

  5.give a margin top and bottom in your testimonial section and give a width of 300 or 320px to your testimonia card and on flex wrap in testimonial card container thanks for read hope this can help you make your solution good

  04

  Marked as helpful