When trying to add an amenities list into each small information area, I ran into some sizing issues. The amenities list sat in its own sub-box, so that it was separated from the name, star rating and price of each accommodation location. This prevented the list from being squished against the other text. However, this list began pushing the height of the larger content-box, which left blank space below the image. To counter this, I asked ChatGPT what I should try (Screenshots in journal), which suggested that I add a "max-height" property, as well as "overflow-y". This max-height didn't work, and I fiddled around changing the pixel amount, to no avail. I chose not to try and implement the "Overflow-y" property, because I didn't want a scrollbar to pop-up when the amenities list exceeds the content-box's height. Because of this issue, I have decided to leave it sit for a while. similarly to the toggle setting issue. I may find a fix for this issue during this internal, or I might in the next. But for now, I am going to leave the content-box fairly empty, with just an image, title, star rating and price per night.
When trying to add an amenities list into each small information area, I ran into some sizing issues. The amenities list sat in its own sub-box, so that it was separated from the name, star rating and price of each accommodation location. This prevented the list from being squished against the other text. However, this list began pushing the height of the larger content-box, which left blank space below the image. To counter this, I asked ChatGPT what I should try (Screenshots in journal), which suggested that I add a "max-height" property, as well as "overflow-y". This max-height didn't work, and I fiddled around changing the pixel amount, to no avail. I chose not to try and implement the "Overflow-y" property, because I didn't want a scrollbar to pop-up when the amenities list exceeds the content-box's height. Because of this issue, I have decided to leave it sit for a while. similarly to the toggle setting issue. I may find a fix for this issue during this internal, or I might in the next. But for now, I am going to leave the content-box fairly empty, with just an image, title, star rating and price per night.