thehumanist Comments - Answer Overflow

thehumanist

Posts Comments

KPCKevin Powell - Community

•Created by thehumanist on 6/21/2023 in #ui-ux

Just was looking for a quick critique on this landing page layout...

Is it too simple? Would you add anything else?

10 replies

KPCKevin Powell - Community

•Created by thehumanist on 6/6/2023 in #front-end

Feel like I'm going crazy... issue with ::before and ::after repositioning an element...

yeesh. yes... in the past I always used position: absolute... not sure what I was thinking. Thank you so much. Just a little brain dead today lol

5 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/19/2023 in #front-end

Problems with smaller screen layout causing pages to disappear into vertical negative space

Shit! Thanks, Kevin! Didn't expect you to respond haha That makes complete sense. Just not something that clicked in my head when looking through all of that. I really appreciate the help! Any quick thoughts or advice on the layout or code you saw?

4 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Ok, so the nav to scroll to each section and each section filling that space is overkill? Better just as separate pages or still better as one page?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Yeah I know right? I figured somehow that could be done in HTML/CSS alone, but then after enough research decided it must not be possible with a little JS haha Oh also, I had meant to ask, aside from the fixes... what are your thoughts on the layout/design of that site?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Yeah! So I do need JS to do that, correct? Not possible with just HTML and CSS?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Did you see my question right above your last response?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Thank you I really appreciate the help with this very much!

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Ok I appreciate your help. Also, one other question while I have you... if I wanted which ever link was 'active' to have an underline, I cannot do that with only HTML and CSS, correct? Would need a small JS snippet?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

I had originally just had:

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 1fr);
    grid-template-rows: repeat(auto-fit, 1fr);
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 1fr);
    grid-template-rows: repeat(auto-fit, 1fr);
}

And it just had basically one row and cell per section. That's fine? I'm still working on getting comfortable with grid. I just had seen so many people set up actual grid systems with 12 x 12 or things similar to that so I kind of assumed that was a best practice?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 5/2/2023 in #front-end

Help with the top of this page I have put together

Thanks so much for the response! Ok, so when I change it to sticky, the header is now just filling in that gap and has much more height than I want. The original height of the header when set to fixed is what I want. Why would the footer maintain that height but header is now, when set to sticky, 2 - 3 times the height?

17 replies

KPCKevin Powell - Community

•Created by thehumanist on 4/26/2023 in #ui-ux

Struggling with UI/UX layout design and color palettes...

Yeah thank you for that! Being able to see how they use the palette is really helpful. And yes, coolors has so many intense colors often, it's overwhelmind

13 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

Radial gradient, no image

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

https://codepen.io/TheHumanistX/full/eYLPgNG

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

What about using a radial gradient...? Or what other route would you suggest to achieve that look?

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

Let me know if you need anything else. Viewing as Full Page helps the layout.

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

@kjohn @.pretor https://codepen.io/TheHumanistX/pen/eYLPgNG

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

Thanks so much!

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

Any pointers in general with my code for clean up or organization or anything like that is always gratefully and happily received as well!

16 replies

KPCKevin Powell - Community

•Created by thehumanist on 3/21/2023 in #front-end

Need help with some layout formatting... CSS.

There is my code... I tried using overflow: hidden; in my .content-header but it also cuts off the left side of my cyberpunk image since it also overflows...

16 replies

Gaming

Programming