search

chingu-voyages / v48-tier1-team-04

Chingu Raptors present: Dinosauria | Voyage-48 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs
https://v48-tier1-team-04.netlify.app/
2 stars 1 forks source link

Create a dinosaur index section #52

Closed mnichols08 closed 5 months ago

mnichols08 commented 6 months ago

Task Description Write semantic html that marks up the main section of the page. It should have at least five dinosaur lists that include an image and their name as well as any other relevant data we might have access to.

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