Ævie Posts - Answer Overflow

Ævie

Posts Comments

KPCKevin Powell - Community

•Created by Ævie on 6/8/2024 in #front-end

Deployment

Idk what I'm doing wrong, but this won't deploy: https://github.com/General-Evie/food please help🥺

1 replies

KPCKevin Powell - Community

•Created by Ævie on 6/3/2024 in #front-end

mobile height issue

i have a react typescript project with several menus, i use width: 100svw; and the width fits the screen no matter the size for all menus, however this doesn't work the same with height, is there something that would cause this to be different?

6 replies

KPCKevin Powell - Community

•Created by Ævie on 11/27/2022 in #front-end

Loop Mouseover Issues

Hi, I'm making a time selector for an app and I'm having 2 issues. The 1st is the last div in the loop I have to mouse over twice for it to register, and the 2nd issue is the first 2 divs (mins 0-1) of the minute clock only mouse over when at the very edge of the clock. Note you switch clocks by clicking on the numbers in the header. Here is a code pen: https://codepen.io/General-Evie/pen/abKddYV

11 replies

KPCKevin Powell - Community

•Created by Ævie on 11/22/2022 in #front-end

Checking multiple innerHTMLs

With JS is there a way to select multiple innerHTMLs from several divs at once?

24 replies

KPCKevin Powell - Community

•Created by Ævie on 11/15/2022 in #front-end

CSS Position Fixed Issue

Hi, my button for some reason won't stay fixed to the div its inside, even though I have "position: relative;" on my content div. Why is this happening?

<div class="content"> 
            <div class="entries"></div>
            <button class="entry-button"><img id="pen" src="icons/pen-to-square-solid.svg" alt=""></button>
        </div>

<div class="content"> 
            <div class="entries"></div>
            <button class="entry-button"><img id="pen" src="icons/pen-to-square-solid.svg" alt=""></button>
        </div>

.content
{
    background-color: var(--white);
    min-width: 40rem;
    height: 44rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}

.entry-button
{
    position: fixed;
    height: 3rem;
    width: 3rem;
    right: 0; 
    bottom: 0;
    margin: 5rem;
    border: 1px solid var(--light-blue);
    border-radius: .8rem;
    background-color: var(--light-blue);
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .4);
}

.content
{
    background-color: var(--white);
    min-width: 40rem;
    height: 44rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}

.entry-button
{
    position: fixed;
    height: 3rem;
    width: 3rem;
    right: 0; 
    bottom: 0;
    margin: 5rem;
    border: 1px solid var(--light-blue);
    border-radius: .8rem;
    background-color: var(--light-blue);
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .4);
}

4 replies

KPCKevin Powell - Community

•Created by Ævie on 11/11/2022 in #front-end

Local Storage Noob

I'm really new to local storage and really confused on how it works. I am trying to have it save user inputs for future use, is there a way to do that with out overwriting the last stored input?

21 replies

KPCKevin Powell - Community

•Created by Ævie on 10/31/2022 in #front-end

For Loop Hover Issue

5 replies

KPCKevin Powell - Community

•Created by Ævie on 10/11/2022 in #front-end

Adding Class To Forloop Divs

5 replies

KPCKevin Powell - Community

•Created by Ævie on 10/1/2022 in #front-end

JS error help

2 replies

Gaming

Programming