mozi47
KPCKevin Powell - Community
•Created by mozi47 on 2/22/2024 in #front-end
CSS Scroll Animation
I was trying this animation.
https://65d8acd8aeab2e0cd30843b0--strong-monstera-9ba850.netlify.app/
I am going to watch that video now.
8 replies
KPCKevin Powell - Community
•Created by mozi47 on 2/22/2024 in #front-end
CSS Scroll Animation
Thank you Kevin.
8 replies
KPCKevin Powell - Community
•Created by mozi47 on 2/22/2024 in #front-end
CSS Scroll Animation
I was trying something different.
https://codepen.io/mozi47/pen/yLwdJKj
8 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
solved thanks everyone
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
code updated. Now grid applied. still same issue.
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
I watched the kevin video.
where he mention about height, to use dvh or svh. but as this app is not for mobile usage. secondly I tried the gird. but that didnt work.
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
already applied that doesnt work
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
Using grid didnot solve my problem. Here is the clean design
https://codepen.io/mozi47/pen/QWJPWEa
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
Thank you so much let me try this
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
I applied the flex gro the labelContent section that only covers the available space but for leftContent it is not working
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
Here is codepen link:
https://codepen.io/mozi47/pen/QWJPWEa
its ugly but hope this is helpful for you.
Now you see here the content exceeds the viewport. this is not what I want. I want the content section cover the available space in the given viewport
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
let me share the codepen with css that will makes sense
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
OK let me do that
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
this is reactjs with tailwindcss so the className is what basically doing the style="" thing
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
I am using tailwidcss
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
the content should not exceed from the viewport I want the this div cover the avaialble space viewport without exceeding the current viewport height
34 replies
KPCKevin Powell - Community
•Created by mozi47 on 8/6/2023 in #front-end
Height Issue
no that is not what I mean. overflow is already applied on the main tag which is working fine perfectly.
my app should not have any scroll for seeing content and scrolling. This left Content component when I add h-full this exceeds from the viewport height and that is what I dont want.
34 replies