AnsweredAssumed Answered

Help with replacing an image to retain 'responsiveness'

Question asked by Suzanne Figures on Nov 19, 2019
Latest reply on Nov 21, 2019 by Suzanne Figures

Hoping someone can help...

I am trying to get a 'responsive' Front page in all the courses at my school. As a template, I would like to use the Front page of the Growing with Canvas course available in Commons, in particular, the table part shown below. (I guess it is a table...)

GWC Table

Problem is, I don't know how to replace the images in a way that still makes the image stay within that 'cell'. 

Here is an example where I have replaced the 'agriculture' images in the Growing with Canvas course by selecting the existing image and then uploading the image I want.

Images look ok

Looks ok until I change the width of the screen/monitor....The images are no longer 'responsive' and don't resize to stay within the table cell.

art 2

I have tried looking at the html code but really don't know what I'm looking for! I have put the page in Canvas Commons. The link is here. if someone would be kind enough to look at the code OR, tell me how to replace the original Growing with Canvas course images with different images so as to not lose the image's ability to resize nicely within the 'cell'.

 

The code is here just in case something jumps out at you!

Many many many thanks!

All the best

Suzanne

Outcomes