news frontend solution by Mukumbu K. Victor

Community feedback

• 

  Adriano•38,120

  @AdrianoEscarabotePosted almost 2 years ago

  Hello Mukumbu K. Victor, how are you? Welcome to the community of front-end mentors! I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

  You have used <br> , using <br> is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. Screen readers may announce the presence of the element. This can be a confusing and frustrating experience for the person using the screen reader. You can read more in MDN.

  I noticed that you used a button in which case the best option would be an a, because in my head when a person clicks on a button written Read more, he is not confirming a form, or something like, it will be redirected to another page, to read more about!

  to solve this problem do this:

  <a href="/">Read more</a>

  The remainder is excellent.

  I hope it's useful. 👍

  Marked as helpful

  1

  ---

  

  Mukumbu K. Victor•20

  @VictorMukumbuPosted almost 2 years ago

  @AdrianoEscarabote Hi I have found this quite helpful. Ill be sure to correct this moving forward. thank you for reviewing and advising.

  Blessings

  0
• 

  Melody•120

  @IndigoStar88Posted almost 2 years ago

  Hi! To do a mobile first approach, start by laying out your html, css and previewing your design on a mobile size width viewport. Then, start to increase the viewport size and add media queries to accommodate the larger screen sizes (as opposed to designing on a larger screen first and adding media queries for the smaller screens).

  Marked as helpful

  0

  ---

  

  Mukumbu K. Victor•20

  @VictorMukumbuPosted almost 2 years ago

  @IndigoStar88 Hi I have found this quite helpful. thank you for reviewing and advising.

  Blessings

  0
• 

  Tawakalt•120

  @LahitanPosted almost 2 years ago

  Hi

  In my little suggestion.

  • Insert the two images(desktop and mobile images) in the html

  • The mobile image with a class should be hidden when writing the CSS ( .image class { display: hidden;}

  • Then can use media query @ a particular media screen you You hide the desktop imge and then make the mobile view visible using ( display: block;)

  You did a good job👍 Keep practicing

  Marked as helpful

  0

  ---

  

  Mukumbu K. Victor•20

  @VictorMukumbuPosted almost 2 years ago

  @Lahitan Hi I have found this quite helpful.Thank you for reviewing and advising. Blessings

  0