Skip to content
OverviewSolutions
5
Comments
3
Marcos Freire
@mfreire1996

All comments

  • jasonpineda11•30
    @jasonpineda11Submitted over 1 year ago

    Built this project using multiple css variables and grid to help with desktop and mobile views and comments or tips are always welcome

    Resutls card Using grid

    1
    Marcos Freire•110
    @mfreire1996Posted over 1 year ago

    Excellent job on the project! I really like it. The only I would say is to pay attention a little more to the colors and the font family as they're not exactly what the project is asking for. Other than that your code is readable and simple to understand. Keep up the good work!

    0
  • Marcos Freire•110
    @mfreire1996Posted over 1 year ago

    Hi there. It seems like you're missing quite a bit. First off in order to get the SVG image to appear you would need to call it either by using: background-image: url(image.svg) or the way I did put the SVG directly into the HTML. Second, you would need to style it by getting the background color and my aligning your content. Make sure you have the right measurements and check for both desktop and mobile responsiveness. Lastly, you would need to use HTML input and javascript in order to get the user's email and to display it. You would need to use an event listener to show the confirmation when the user puts in their email. I would say give this challenge another try and implement all that I have discussed.

    0
  • Marcos Freire•110
    @mfreire1996Posted over 1 year ago

    Hi there. Great looks great. Almost identical to the original. The only thing I can say is to center it. The way i did it was:
    position: absolute; display: grid; grid-template-columns: 500px 1fr 1fr; grid-gap: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%);

    Still looking good. Keep up the good progress!

    Marked as helpful
    0