@Abhishek-Sahu532
Submitted
Hello,
Please have a look at the code and share your views. It will help to improve better.
Looking to hire developers?
@ishitaraina1807
@Abhishek-Sahu532
Submitted
Hello,
Please have a look at the code and share your views. It will help to improve better.
@ishitaraina1807
Posted
Good Job with the solution!! But the "try it" button and form aren't aligned. To make them align you can make a few small changes to your code :
.tryIt {
width: 24 rem ;
margin: 0 ;
}
That's all! this will align them properly! Rest the solution is good! keep up the work! :)
@Pagucada
Submitted
@ishitaraina1807
Posted
Well done on completing a challenge. There are few changes required:
first of all background-color: hsl(0, 0%, 94%);
secondly : give svg a class name and add :
classname : hover {
background-color: black;
cursor: pointer;
}
Also make day, month and year into italic using <i> tag in html hope this helps
@samehamer
Submitted
@ishitaraina1807
Posted
Hey! well done on completing level -2.
background image of (") is provided in asset. check out the asset/images again.
in cont1 do background-image: url(**path to the image**); background-repeat: no-repeat; background-position: 80% top;
Do these changes and your card 1 will get the required bg image.
also try proving some margin to the card container from the top.
hope this help :)
Marked as helpful
@IamAbhiDev
Submitted
I didn't run for pixel perfection much this time because it is too time-consuming with just the .jpeg
file 😅. I would be grateful for all the good and bad feedback to help me improve my code. Thank you for your time!
@ishitaraina1807
Posted
Hey ! Great solutions! I actually appreciate your work and would like to contact. Is there any way?
@ayowaaab
Submitted
@ishitaraina1807
Posted
Hey! well done! I would like you to make a few changes in the code:
In class qr-box
max-width:275px; height: auto; box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 12px;
This will help to make the project even closer to the design. Also try to change the paragraph's font by inspecting it in the deployed site. HOPE THIS HELPS :)
Marked as helpful
@braasantos
Submitted
first attempt, if you want leave a feedback pls
@ishitaraina1807
Posted
hey for make it more close to design: add this : box-shadow: 0px 15px 20px hsl(246, 83%, 89%); to the container
@AkramLah
Submitted
Complete beginner here , feel free to review my css code and give me advices on how to improve (css file structure , clean code ect )
@ishitaraina1807
Posted
hey! you can add shadow using "box-shadow". it will make it even closer to the real design :)