Avinash Comments - Answer Overflow

Avinash

Explore posts from servers

KPCKevin Powell - Community TTCTheo's Typesafe Cult

Posts Comments

KPCKevin Powell - Community

•Created by Avinash on 4/29/2024 in #front-end

How do i acheive this in flexbox without creating two rows of div

https://codepen.io/avinash-tallapaneni/pen/oNOOoEq this is working but i placed it in center

9 replies

KPCKevin Powell - Community

•Created by Avinash on 4/29/2024 in #front-end

How do i acheive this in flexbox without creating two rows of div

yes i tried with grid, created 6 colums and each box spanning 2coloumns, since im using tailwind and react this is getting confused really quick

9 replies

KPCKevin Powell - Community

•Created by Avinash on 4/22/2024 in #front-end

How to remove whitespace when zoomed near scroll bar

Yeah.. i changed the body color and its working now :thanks:

5 replies

KPCKevin Powell - Community

•Created by Avinash on 4/22/2024 in #front-end

How to remove whitespace when zoomed near scroll bar

if i try to inspect, then the whitespace is not available

5 replies

KPCKevin Powell - Community

•Created by Avinash on 11/30/2023 in #front-end

is it possible to get the values from browser console and display the result in browser UI?

i wanted to know if that could be acheived cause we use window.addEventlistner , so i though browser console would be the same as input textbox

6 replies

KPCKevin Powell - Community

•Created by Avinash on 11/21/2023 in #front-end

Unable to change SVG icons color in react

its working jollykevin

6 replies

KPCKevin Powell - Community

•Created by Avinash on 11/21/2023 in #front-end

Unable to change SVG icons color in react

i used fill it wasnt working. if i paste svg , my code becomes even more messier.

6 replies

KPCKevin Powell - Community

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

Bootstrap forms not appending data in the url via get method

So I added the name attribute for input fields

7 replies

KPCKevin Powell - Community

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

Bootstrap forms not appending data in the url via get method

I found the issue. If we don't give the name attribute you will have this issue

7 replies

KPCKevin Powell - Community

•Created by Avinash on 6/26/2023 in #front-end

rerender is adding fetch results again and again.

🤔

4 replies

KPCKevin Powell - Community

•Created by Avinash on 6/26/2023 in #front-end

rerender is adding fetch results again and again.

useEffect(() => {
        watchList?.map((list) => (
            fetchWatchList(list)))
    }, [watchList])

useEffect(() => {
        watchList?.map((list) => (
            fetchWatchList(list)))
    }, [watchList])

this one will only trigger if ther is change in watchlist

4 replies

KPCKevin Powell - Community

•Created by Avinash on 6/22/2023 in #front-end

Font size is scaled when scale is applied on hover

Yeah i did that. its working but buggy at times. Not going to bother too much

4 replies

KPCKevin Powell - Community

•Created by Avinash on 6/17/2023 in #front-end

How to disable youtube cards,title and other controls in React Player

i tried this stilll didnt work

<ReactPlayer
  className="trailer-player flex items-center justify-end"
  style={{ width: '100vw' }}
  url={`https://www.youtube.com/watch?v=${mainTrailerShowcase.key}`}
  playing={true}
  controls={false}
  config={{
    youtube: {
      playerVars: {
        modestbranding: 1, 
        rel: 0, 
        showinfo: 0, 
        iv_load_policy: 3, 
      },
    },
  }}
/>

<ReactPlayer
  className="trailer-player flex items-center justify-end"
  style={{ width: '100vw' }}
  url={`https://www.youtube.com/watch?v=${mainTrailerShowcase.key}`}
  playing={true}
  controls={false}
  config={{
    youtube: {
      playerVars: {
        modestbranding: 1, 
        rel: 0, 
        showinfo: 0, 
        iv_load_policy: 3, 
      },
    },
  }}
/>

2 replies

KPCKevin Powell - Community

•Created by Avinash on 5/28/2023 in #front-end

Help with grid

oh i forgot about assigning area names to the classes

6 replies

KPCKevin Powell - Community

•Created by Avinash on 5/28/2023 in #front-end

Help with grid

yeah i tried that too didnt work. This was the code i used

 grid-template-areas:
            "logo logo logo logo"
            "nav_links_mobile nav_links_mobile nav_links_mobile search";
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);

 grid-template-areas:
            "logo logo logo logo"
            "nav_links_mobile nav_links_mobile nav_links_mobile search";
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);