- Replace all of your images with
<picture>elements! - Include
altattributes to be a better netizen. - (Optional) Add a custom font and try stying the text better!
A code will appear in the Udacity Feedback when all Project Part 3 tests pass. Paste the code in to the Udacity classroom to complete the quiz!
More on the Udacity Front-End Grading Engine
- The
<picture>element allows browsers to decide which image to display based on media queries and device pixel ratios. Right now, the page is downloading images that are simply too big and waste too many bytes. How low can you get the page weight once the browser starts downloading images that are as small as possible? altattributes make your sites accessible to the vision impaired and anyone surfing the web on a screen reader. Make sure to include them!- The blog is visually simple. What can you do to make it look better?
Share your finished blog in the Udacity forums!