hey there, i’m Tux! i make art and comics, and sometimes dabble into a few other hobbies!
drippy goo divider by me!
✨ art tag β€”> #tux arts
✨ text tag β€”> #tux chatters
✨ comic tag --> #tux comics

drippy goo divider by me!
banner art by zilluzion!

a userbox with the therianthropy symbol that says "this user is just a silly little creature!" made by therianuserboxes.tumblr.com
a cropped screenshot of a e621 tag which reads "nonbinary (lore)" under the subheading "Lore". the tag has 13k uses.
a banner that reads "Meet Me in the Woods"
an animated 88x31 button that says "Tuxedo Dragon", featuring Tux bopping up and down and flicking their tail
an animated 88x31 button that says "Cohost" and features a bouncy eggbug!


my webcomic! (cohost edition!)
cohost.org/mmitwcomic
my commission info!
tuxedodragon.art/

(apologies for the crunchy screenshot, idk why my computer chose to do that >w>)

hi, i'm trying to learn how to build websites on neocities! it's been at least 7 or 8 years since i took any sort of formal course in html and css, so i'm teaching myself basically from scratch again!

anyways, i can't figure out why i can't put space between my little buttons on the right side of the page, and it's driving me nuts!!


the buttons are items in a flexbox, within another flexbox, and it seems like the justify-content, align-content, align-items, and gap properties just don't work?? and i don't know why?? i've tried moving it to the CSS file instead but that doesn't get me any results, and it doesn't even seem to recognize some of those properties as properties?

<div id="menu;" class="flex-container;" style="display: flex: 1; gap: 2em; padding: 1em; color: green;">
  <div style="background: white; border-radius: 1em; padding: 1em;">link 1</div>
  <div style="background: white; border-radius: 1em; padding: 1em;">link 2</div>
  <div style="background: white; border-radius: 1em; padding: 1em;">link 3</div>
  <div style="background: white; border-radius: 1em; padding: 1em;">link 4</div>
  <div style="background: white; border-radius: 1em; padding: 1em;">link 5</div>
  <img src="/neocities.png">
</div>

uh...i guess if anyone wants to see the full html doc, hit me up?? i just wanna know whether or not i'm going insane >w>"


You must log in to comment.

in reply to @TuxedoDragon's post:

there is no flex-direction: column; on your container?
my guess about the screenshot is your element are each on a "new line" because of line-break. Having them in one column instead of a row split into multiple element should make it more intuitive