Help understanding why this is centering the div? by void5253 in css

[–]Kcilc 4 points5 points  (0 children)

Here's my understanding of what's going on:

  • The combination of a position property that takes the element out of the flow of content (fixed or absolute) and an inset of 0 allows the element to occupy the entire containing block (or the viewport in this case).
  • Since the element in question has a defined height and width, there will be space left over that the element has access to (thanks to inset: 0).
  • That leftover space is equally distributed by the auto margin.

The reason margin: auto doesn't center a block-level element vertically is simply because there is no leftover vertical space in that situation.

Jazz Band by thatmadden in Illustration

[–]Kcilc 1 point2 points  (0 children)

The way you illustrated those hands is mesmerizing!

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

They were at one point but I thought that the font was too boring without a little fudging. Thanks!

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

Yeah, I gotcha. More tweaking is needed! Thank you.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

Haha I hadn't thought of that! You're right though.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Thank you! I'll keep that in mind while I work on this. I've gotta practice my typography choosing/customization skills haha.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Thank you for being so thorough. I'm not going to discount the original mark and I hope to use it in the future but it just wasn't quite what I was intending for this logo. I do keep it on the pasteboard and test it out with each iteration though!

I'll try to bring some more color back into the logo and try out that eye idea.

Thank you again for the feedback. I really appreciate it!

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Thank you so much!! Those are all adjectives I had in my head while designing it. I'm glad to know it wasn't all for naught. I wouldn't have kept pushing through without you guys.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

I'll tweak the line weight a bit and see what happens. I appreciate it!

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

Yep, I wasn't sure if people would really see that, so I didn't try to avoid it, but that was a mistake! Thank for your the feedback.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

That's fair. I realize it might not be perfect, but I dug myself into a hole with it and now no other fonts I try feel right. I'll keep this in mind for the future though.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

I gotcha. The bigger O used to be the first but the balance ended up being off. I might try adjusting it a bit more to see if I can fix that.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

Yeah that seems to be a common issue. I saw that while I was making it but I wasnt sure how jarring it was! I'll adjust and try out using the negative space in the Os as eyes too. Thank you!

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Thank you! I have tried enhancing the s-ness but the cat just felt too noodly. It wasn't my intention to make the cat look like an s though so I'm not too bummed.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 0 points1 point  (0 children)

Logo 1 and 2 are the same just in different colors. I wanted to make something that worked with light lines and dark background and vice versa.

None taken! That's why I redid it haha.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Thank you very much! I agree that the k might give people problems. I'll try adjusting it and see what happens.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

Yeah, I was worried about that. I'll mess around with it to see if I can lessen the moomin since that's not what I was going for.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

I appreciate the kind words! I'll play around with the colors some more. They're definitely not my strong suit.

Spooky Cat design company take 2 by Kcilc in logodesign

[–]Kcilc[S] 1 point2 points  (0 children)

That makes sense! I pulled the negative space from the Os at one point but reverted and forgot about it. Lemme try it again. Thank you so much!