A responsive product home page for a Virtual Learning Environment. The key focus for the project was responsive CSS, using flex and grid displays to allow the website to be viewed comfortably on different devices.
Lighthouse Mobile Test 5th July.
Lighthouse mobile test 15th July
Hero imgs were resized:
> Serve images in next-gen formats
> Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more about modern image formats]
(https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images/?utm_source=lighthouse&utm_medium=devtools).
Lighthouse Desktop Test 15th July '23
Home page
Lighthouse Mobile Test 5th July.
Lighthouse mobile test 15th July Hero imgs were resized:
> Serve images in next-gen formats > Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more about modern image formats] (https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images/?utm_source=lighthouse&utm_medium=devtools).Lighthouse Desktop Test 15th July '23