@LeviKuhaulua
Posted
Howzit, for the background, you can make use of the following:
body {
background: url(path/to/background-image/), [background-color];
background-size: 100%;
background-repeat: no-repeat;
}
This will ensure that the background starts with the background image then transition to the background-color.
For the images, it might be due to the img
tags having the same id
attribute. To have it so that the images change when you click on them, each img will need to have a unique id
, then you would need to add an event listener for each img
element and handle the logic for when users click on them.