Harun Posts - Answer Overflow

Harun

•Created by Harun on 11/30/2023 in #os-and-tools

Is this how GitHub Templates work?

Question: So let's say I create an empty folder in my local machine, run "npm init -y" in command line, and then run this command "npm create vite@latest", and with all this setup, I push this code into a GitHub Repo, and make it as a Template Repository, so next time I want to create a new project, under this "Template Repository" I click the "Use this template" button, and then "Create a new repository", I create a new repo from that template and clone it to my local machine. ( My question is, so now I don't have to run npm init -y and npm create vite@latest anymore? it's all just setup, with all the folders that I changed along the way etc... ? )

33 replies

KPCKevin Powell - Community

•Created by Harun on 11/24/2023 in #front-end

Testimonial Slider Structure Understanding

1 replies

KPCKevin Powell - Community

•Created by Harun on 11/16/2023 in #front-end

Is there a way to build this layout with FlexBox?

9 replies

KPCKevin Powell - Community

•Created by Harun on 11/15/2023 in #front-end

How can I Tackle down this layout for mobile and desktop size?

3 replies

KPCKevin Powell - Community

•Created by Harun on 10/14/2023 in #front-end

How to achieve this Grid Spotlight effect on cursor?

https://cruuunchify.com/

8 replies

KPCKevin Powell - Community

•Created by Harun on 10/1/2023 in #front-end

How would you animate this sidebar toggle?

7 replies

KPCKevin Powell - Community

•Created by Harun on 9/30/2023 in #front-end

What is the most "Semantic" way of adding svg's inside button elements?

Like this

        <button class="btn__nav hamburger"
          value="<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'><line x1='3' y1='12' x2='21' y2='12'></line><line x1='3' y1='6' x2='21' y2='6'></line><line x1='3' y1='18' x2='21' y2='18'></line></svg>">
          Menu
        </button>

        <button class="btn__nav hamburger"
          value="<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'><line x1='3' y1='12' x2='21' y2='12'></line><line x1='3' y1='6' x2='21' y2='6'></line><line x1='3' y1='18' x2='21' y2='18'></line></svg>">
          Menu
        </button>

Or like this

        <button class="btn__nav hamburger">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white"
            stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
            <line x1="3" y1="12" x2="21" y2="12"></line>
            <line x1="3" y1="6" x2="21" y2="6"></line>
            <line x1="3" y1="18" x2="21" y2="18"></line>
          </svg>
        </button>

        <button class="btn__nav hamburger">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white"
            stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
            <line x1="3" y1="12" x2="21" y2="12"></line>
            <line x1="3" y1="6" x2="21" y2="6"></line>
            <line x1="3" y1="18" x2="21" y2="18"></line>
          </svg>
        </button>

19 replies

KPCKevin Powell - Community

•Created by Harun on 9/27/2023 in #front-end

How to get rid of this Favicon error, it's driving me insane, I cleared cache and everything.

2 replies

KPCKevin Powell - Community

•Created by Harun on 9/25/2023 in #front-end

How does the input checkbox work if it's hidden?

22 replies

KPCKevin Powell - Community

•Created by Harun on 9/19/2023 in #front-end

Why is Kevin using ::after, instead of just using border bottom for a simple line under the element?

31 replies

KPCKevin Powell - Community

•Created by Harun on 9/18/2023 in #front-end

Which CSS Reset is more reliable in todays era?

CSS Remedy: https://github.com/jensimmons/cssremedy/blob/master/css/remedy.css or Normalize CSS: https://github.com/necolas/normalize.css/blob/master/normalize.css

3 replies

KPCKevin Powell - Community

•Created by Harun on 9/17/2023 in #front-end

I know there is a command that can help me achieve this but i cannot find it anywhere.

18 replies

KPCKevin Powell - Community

•Created by Harun on 5/12/2023 in #front-end

Why do the X lines fix when I enable the 65th line in CSS?

Can someone explain it to me why are they getting centered when I apply for position absolute? https://codepen.io/harunjonuzi/pen/NWOzwvQ?editors=1100

11 replies

KPCKevin Powell - Community

•Created by Harun on 11/24/2022 in #front-end

Can someone guide me on how to build this carousel with Reactjs? so i can land my first webdev job

https://xd.adobe.com/spec/9405adbf-edd0-4701-455e-271e0b245c6f-e234/screen/a148a89b-5591-4aae-893f-57142ba589f8

1 replies

Gaming

Programming