Question: Need help in creating a grid layout for an HTML Code that looks like the following picture below: Tasks 1. Create 2 files which are

Need help in creating a grid layout for an HTML Code that looks like the following picture below:

Need help in creating a grid layout for an HTML Code that

Tasks 1. Create 2 files which are lab8.html and lab8.css 2. Modify lab8.html and lab8.css to build an image gallery webpage below: Headlines Gallery Images gelede 3. Detail requirements: . You must apply grid layout for 3 columns and 2 rows (each column and row would be 1fr unit). . Grid container would have gap="10px" o Those below texts must be aligned center: "Headlines Gallery Images" -> must be heading one (title) "Start Year-End Year" "Headline" -> must be a strong element HTML . For "Description.", students can just create some random texts which have more than 300 characters. o For images, each image would have max-height="400px". You must download sample image here: samplelmage.jpg 4. Submit lab8.html and lab8.css with all images needed

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!