Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Ishita 180

    @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! :)

    0
  • Ishita 180

    @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

    0
  • Ishita 180

    @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

    0
  • Abhinav 240

    @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!

    Ishita 180

    @ishitaraina1807

    Posted

    Hey ! Great solutions! I actually appreciate your work and would like to contact. Is there any way?

    1
  • Ishita 180

    @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

    1
  • Ishita 180

    @ishitaraina1807

    Posted

    hey for make it more close to design: add this : box-shadow: 0px 15px 20px hsl(246, 83%, 89%); to the container

    0
  • Ishita 180

    @ishitaraina1807

    Posted

    hey! you can add shadow using "box-shadow". it will make it even closer to the real design :)

    0