michaelarob / animal-rescue-website Goto Github PK

Everything is functioning! Looks good :)

Super nice site. On opera, the descriptions for the pets are below or to the side

For this assignment, I believe that I deserve an A. I have implemented grid systems, typography and modules from the previous Web Development class. Along with these elements I have implemented the image preparing and SVG preparing into my website. All images have been compressed in order to help the website to function as quickly as possible. I have implemented transition and transformations as well as implementing the favicon. I have eliminated all extra factors from the website in order to make the performance tests run as smooth as possible. While keeping in mind the restrictions of the performance ability, I have implemented well-contrasted design while keeping the design attractive.
michaelarob.github.io/animal-rescue-website
https://github.com/michaelarob/animal-rescue-website

"Compress Images: 52/100
247.9 KB total in images, target size = 127.0 KB - potential savings = 120.8 KB

test failed - (94.9 KB, compressed = 33.2 KB - savings of 61.7 KB) - https://michaelarob.github.io/animal-rescue-website/images/hoppy.jpg

test failed - (95.5 KB, compressed = 36.4 KB - savings of 59.1 KB) - https://michaelarob.github.io/animal-rescue-website/images/floppy.jpg"

Testing in Microsoft Edge on Android phone > Button hover emits a light blue clickable state, can fix this with proper code as well.

Form > try and add spacing between the circles and squares located on form, they are very close together on the Android phone.

Rescues > page not complete, but everything else looks brilliant, great job!

Up and down button next to age are very small and hard to press

Hey Michaela, my only critique is to have the homepage cards start out pink and hover as grey. this is so the home page is better unified with the rest of the super cute pink website that you have established.

Hey, beautiful website! Before submitting make sure to add alt tags to all the of the images.

I first thought the sections "why do we love rabbits" and "are you ready to adopt" were buttons. Foster, about and rabbit care are leading to the same page.

FireFox Desktop - I feel like the "Adopt Me!" buttons on the rabbits page should link to the Adoption form page

Chrome Android - Can Select all options on the form in the current household pets including none. I think the fix for that is putting value="1" in the input feild in the html

Opera Mini Android - The None option is touching the Cat options, I'd suggest to just add a pad-b-1-2 to the bottom of your options to give them more space