https://jodieblend.neocities.org/cssbuilding can anyone help me with some CSS? right now if you put the aspect ratio of your browser window in a portrait format, a scrollbar shows up. When you use the scrollbar, the room no longer takes up the whole screen.
1 like
Delete
Are you sure you want to remove this comment from the news feed?
Fixed it! See https://pastebin.com/1hjSYkeS for the updated HTML, and https://pastebin.com/myuKj72J for the updated CSS (these will auto-delete after 1 week). TL;DR wall now has `min-width:max-content;`, floor has `flex-grow: 1;`, wall and floor both in `<room>` having `display: flex; flex-direction: column; min-width: max-content`. Wall widens to contain all items within it, causing Room + Floor to grow too.
You may want to add `z-index: -1;` to the <floor> CSS to ensure that the floor won't render in front of the doors (and you may want to move the skirting board texture into the wall background texture instead of the floor background texture).
The shelf gives me a lot of ideas for theming my website. Mostly around objects you'd find in a house. Maybe the art pages would resemble wallpaper with hanging picture frames. Maybe pages I haven't gotten to revising will have a border that looks like an old monitor. The buttons in the button collection page could resemble a keyboard.
5 likes
Delete
Are you sure you want to remove this comment from the news feed?
Fixed it! See https://pastebin.com/1hjSYkeS for the updated HTML, and https://pastebin.com/myuKj72J for the updated CSS (these will auto-delete after 1 week). TL;DR wall now has `min-width:max-content;`, floor has `flex-grow: 1;`, wall and floor both in `<room>` having `display: flex; flex-direction: column; min-width: max-content`. Wall widens to contain all items within it, causing Room + Floor to grow too.
You may want to add `z-index: -1;` to the <floor> CSS to ensure that the floor won't render in front of the doors (and you may want to move the skirting board texture into the wall background texture instead of the floor background texture).
ahhhhh thank you so much :D !!!
oooo I just realized I could turn the floor skirt into a div border! would make the room css more malleable