@Abdul400
Latest comments
- @Ls6375
Just put background: url(/images/bg-intro-desktop.png), hsl(0, 100%, 74%) into body tag it will fix the dim background issue.
use the background property as layer wise for example if we put img url in first like then it will be on the top background.... background : (it will be on top ),(top - 1 or second position )... and so on
Marked as helpful - @RUTVIK-SANATHARA@Ls6375
Your code is not good cause you only designed this mobile always go for responsive apporoach.
Seems like you are completing these projects in hurry , I will suggest to take your time and code the design as it is given in the challenge.
- @Ryusse@Ls6375
I thing you didn't completed this project and just uploaded it in hurry..
Problems it doesn't have footer down below it doesn't have reviews section it doesn't have background image as it was there in solution and few fonts color doesn't match
- @TomasScerbak@Ls6375
use display block on the image it will fix the extra overlay issue
- @SamarthTripathi-Design@Ls6375
background-size: contain; to cover the full background Give alpha value to the background shadow // GIve some transparcy to black color border-radius: 20px // always set border radius in px this will fix the round border issue tnx
Marked as helpful - @purushotham91@Ls6375
Hey there I have checked your css code & I have found that you have given class name to each and everything in you html. Listen it is not necessary to give name to each class you can just use selector to select that element for example
<div> <p>hi <span> There </span> </p> </div> you can simple use div p span to access the particular element in you stylesheetyou can also see my Respostry where I have completed the same project using very few classes
https://github.com/Ls6375/Frontend-Projects_Frontend-Mentor/tree/main/4.%20nft-preview-card-component-main
Marked as helpful
