Rägnar O'ock
KPCKevin Powell - Community
•Created by CDL on 6/7/2024 in #front-end
Grid layout to cover spacing with Header/Footer/Content
one could use a grid to have the elements all lined up vertically... but that would be dumb. you can do this tho
https://codepen.io/ragnar_ock/pen/VwOzaLa
3 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
That's what I did in the codepen I posted (the one I forked from B1)
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
it was too small
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
teah 'cause the image didn't cover everything in large mobile xD
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
that's how I placed the
.tagline in desktop and the .badge in mobile146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
the magic trick is that if you name a your rows
row-start and row-end and your columns column-start and column-end is actually defines an area with the same name146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
basically I assign an area to each of the grid elements and then create one either with the
grid-area part of the template or with named rows and columns when there's overlap146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
@b1mind because you've draged me here xD
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
may I suggest...
https://codepen.io/ragnar_ock/pen/YzbqOmK?editors=1100
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
it's because it replaces the iframe
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
I can't be arsed to make one myself xD
146 replies
KPCKevin Powell - Community
•Created by vince on 5/20/2024 in #front-end
How would you start this tricky section?
do you have a markup you could share in a codepen?
146 replies
KPCKevin Powell - Community
•Created by Lloyd Peterson on 5/7/2024 in #front-end
How to achieve this style
And it would require less markup
9 replies
KPCKevin Powell - Community
•Created by Lloyd Peterson on 5/7/2024 in #front-end
How to achieve this style
A grid for the layout and a translateY on every odd elements in a media query for "desktop" would work tho
9 replies
KPCKevin Powell - Community
•Created by Lloyd Peterson on 5/7/2024 in #front-end
How to achieve this style
That wouldn't work with the mobile view shown on the right
9 replies
KPCKevin Powell - Community
•Created by Stan Long on 2/20/2024 in #front-end
Why does click work but hover doesn't?
Or it could be anything else, it's hard to tell with just that snippet
14 replies
KPCKevin Powell - Community
•Created by Stan Long on 2/20/2024 in #front-end
Why does click work but hover doesn't?
And to help people help you you should provide your code in a codepen where we can see and interact with the code. With just the snippet you've given the issue could be that one, two, three, four and five are not defined
14 replies
KPCKevin Powell - Community
•Created by Stan Long on 2/20/2024 in #front-end
Why does click work but hover doesn't?
If all you want to do in this listener is changing style depending on hover and click state, you should use CSS instead of JS
14 replies
KPCKevin Powell - Community
•Created by chrono1913 on 2/12/2024 in #front-end
I need to understand grid template rules
Maybe you should look up some more basic stuff about how css works before trying to use complex stuff like grid or flex or the like
19 replies
KPCKevin Powell - Community
•Created by chrono1913 on 2/12/2024 in #front-end
I need to understand grid template rules
Css doesn't care about files, as long as everything is loaded in the browser on the page you want to use the stuff in, it works
19 replies