Skip to content
OverviewSolutions
11
Comments
7
Ishita
@ishitaraina1807

All comments

  • Ishita•180
    @ishitaraina1807Posted over 1 year ago

    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
    @ishitaraina1807Posted over 1 year ago

    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
    @ishitaraina1807Posted over 1 year ago

    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
    @IamAbhiDevSubmitted over 1 year ago

    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!

    Social proof section using CSS Grid and Flexbox

    1
    Ishita•180
    @ishitaraina1807Posted over 1 year ago

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

    1
  • Ishita•180
    @ishitaraina1807Posted over 1 year ago

    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
    @ishitaraina1807Posted over 1 year ago

    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
    @ishitaraina1807Posted over 1 year ago

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

    0