Create a dinosaur view details section

[mnichols08]

Task Description Please write semantic html that represents markup which outlines the dinosaur details appropriately Details should include additional information sourced from the JSON file such as:

• [ ] name
• [ ] imageSrc
• [ ] typeOfDinosaur
• [ ] length
• [ ] diet
• [ ] whenLived
• [ ] typeSpecies
• [ ] description

Technical Considerations Below is a single json example of one dinosaur. To access the image for example it might be dinosaurs[104].imageSrc. (we dont need/want to implement this now I am just providing insights)

{"id":105,"name":"Euhelopus","imageSrc":"https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Euhelopus.jpg","typeOfDinosaur":"sauropod","length":10,"weight":"N/A","diet":"herbivorous","whenLived":"Late Jurassic, 154-142 million years ago","foundIn":"China","taxonomy":"Dinosauria, Saurischia, Sauropodomorpha, Sauropoda, Eusauropoda","namedBy":"Wiman (1929)","typeSpecies":"zdanskyi","description":"Euhelopus is known from a skull and partial postcranial skeletons."}

Additional Considerations https://www.creative-tim.com/product/get-shit-done-kit We could leverage a free theme from this site to help get started with a pretty solid foundation of CSS that's mobile friendly and beautiful. I think we should all look through the free options on this site and maybe share the favs with the group then we can vote on the one to go with and maybe modify it from there to fit our projects theme