croganm
KPCKevin Powell - Community
•Created by Natejoestev on 11/23/2024 in #front-end
desktop/mobile reactive website
Usually using grid or flex and media queries to change the layout based on screen size. You could get more advanced and use container queries or flex wrap or grid min max but in general, media queries
6 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
Haha it has indeed been a while 😂. I like to disappear off the face of the earth for a couple months every now and then. Been very busy with work so now that I have a little more downtime I figured I'd start getting back into it!
24 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
Seems spot on to me. Maybe a regex to limit it to numbers though since it's a text input, but that's probably be done using Javascript since it's not something involving a form submit
24 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
I'd honestly have the full element on the top level, then a secondary container inside of it with padding. It's basically what I am suggesting if I'm thinking about it
47 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
You could also probably structure the html to always get it close enough
47 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
Honestly, no clue 😂. b1 does a great job so I'm sure that solution works nearly every time. Normally I'd go with some thing that's always full width and use padding when needed. No idea why it wasn't quite doing the job in the original problem
47 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
image wrapper
Yea that's a good way! It may cause some issues if you need to nest the full element in something for grouping purposes, but it's an effective way to target it 🙂
47 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/28/2023 in #front-end
element positioning
You could indeed use absolute positioning, but I do think I'd try flex in this case as well 🙂
7 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
space-between flexbox vertically css
Oh my bad! I only saw the first pen with grid 😂. Just wanted to provide a flex solution too. Sorry about that!
9 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
space-between flexbox vertically css
Or use grid and align-content space between
9 replies
KPCKevin Powell - Community
•Created by ironman on 8/27/2023 in #front-end
space-between flexbox vertically css
If you use flex, you just have to do justify-content: space-between
9 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
most efficient layout option
👏
22 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
most efficient layout option
very nice! Are you going to implement the javascript as well?
22 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
most efficient layout option
Yes! I'd approach it the same myself now a days 🙂
22 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
most efficient layout option
Yea I think that could be it. Since there's no content to give it a guideline for height, it just took up the same height as the text, leaving no room for the thumbnails
22 replies
KPCKevin Powell - Community
•Created by snxxwyy on 8/26/2023 in #front-end
most efficient layout option
Could be because you're using a div with a background and height 100% rather than an img element? Not too sure...
22 replies
KPCKevin Powell - Community
•Created by luvmatters on 8/27/2023 in #front-end
Challenge 1 Question
Did you pay for conquering responsive layouts?
74 replies