Pat66 Comments - Answer Overflow

}

body, .mask{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
   background-color: rgb(3, 3, 3);
}


.central{
    height: 100vh;
}
p{
font-size:3vw;
}

.mask{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
   background-color: #ec4e39;
 mask-image: url(mask.svg);
  mask-repeat: no-repeat;
  mask-position: 50%;
  mask-size: 140px;
 }

}

body, .mask{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
   background-color: rgb(3, 3, 3);
}


.central{
    height: 100vh;
}
p{
font-size:3vw;
}

.mask{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
   background-color: #ec4e39;
 mask-image: url(mask.svg);
  mask-repeat: no-repeat;
  mask-position: 50%;
  mask-size: 140px;
 }

9 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Add a mask image

the code css:

9 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Add a mask image

9 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Add a mask image

What I get is this one

9 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Set some picture in one div

can I get some idea to fsolve this ?

8 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Set some picture in one div

the image appear under the div container

8 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Set some picture in one div

8 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Set some picture in one div

now I get this

8 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

thanks guy he work

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

I don t understand your last message I should have 7 column and 7 rows

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

I change it https://codepen.io/alpha_66/pen/QWPRWMX

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

I remove it on the .pic element

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

I d on t understand "dummy elements"

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

.item{
    grid-area: item;
}

.item{
    grid-area: item;
}

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

  <li class="item" ><div class="pic">1<img src="assets/h5.jpg" alt=""> </div></li>
                <li class="item"><div class="pic">1<img src="assets/h1.jpg" alt=""> </div></li>

  <li class="item" ><div class="pic">1<img src="assets/h5.jpg" alt=""> </div></li>
                <li class="item"><div class="pic">1<img src="assets/h1.jpg" alt=""> </div></li>

31 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/30/2024 in #front-end

Grid template areas

but he don t work

31 replies

Gaming

Programming