Frontend Mentor | Lalit Madan's profile

@HyoganSubmitted almost 2 years ago

Please just look at my code and tell me what i made wrong. Thank in advance

Position : absolute

@madanlalitPosted almost 2 years ago

the background image is not positioned well enough to do that use this code and you can add two background images also simultaneously for that you have to write code with comma background-image: url(images/bg-pattern-top.svg),url(images/bg-pattern-bottom.svg); background-repeat: no-repeat,no-repeat; background-position: -50% 350%,160% -240%; background-attachment: fixed,fixed;

i hope this helps!

0

Harsh Kumar•20

@Harshk408Submitted almost 2 years ago

NFT PAGE

1

Lalit Madan•140

@madanlalitPosted almost 2 years ago

you missed out on fonts. otherwise its great.

0

Jorge pereira•230

@jorgealves-bSubmitted about 2 years ago

I just don't know the best way to make the eye image appear without polluting the code

Cubo responsive repost

1

Lalit Madan•140

@madanlalitPosted about 2 years ago

either remove the shadow or make it color dark. increase the padding little bit. and the eye icon is little bit tough for newbies.

<div class="eye-overlay"> <img src="images/icon-view.svg" alt=""> </div>.eye-overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: hsla(178, 100%, 50%, 0.5); display: none; } .eye-overlay img{ position: absolute; width: 50px; left: 50%; top: 50%; transform: translate(-50%,-50%); } .img-top:hover .img-overlay{ display: block; }

Hope this helps.

Marked as helpful

1