Skip to content
OverviewSolutions
8
Comments
6
Ken Zimny
@K-Zimny

All comments

  • Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    I believe that is related to a cache issues. You can look at the API documentation that states there is a 2 second cache on each response. This might be the issue that you are experiencing

    Marked as helpful
    0
  • Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    Overall nice job. You did however miss the color in the header for the main header, and the text "per month" is centered in between the element and a lighter color.

    0
  • Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    1 idea is to build the "THE LEADER IN INTERACTIVE VR" section using css grid. I think it could help clean up the code a bit and help with the alignment of items. I recently completed this challenge with grid if you want to check it out: https://k-zimny.github.io/Loopstudios-Landing-Page/

    Marked as helpful
    0
  • Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    You should remove the fixed height you have on the .card_styles classes. This can be an issue if the content becomes longer, as it will cause a text overflow.

    Instead, remove the height and apply align-items to the .wrapper_container.

    This will create a dynamic box no matter how the content gets updated (future proofing)

    Marked as helpful
    0
  • Ezra•80
    @ezra-ramatongSubmitted about 2 years ago

    Hello there 👋

    This challenge was good, enjoyed it. I used CSS grid for the first time.

    Question:

    The image is a bit dark in the design, how do you add the dark overlay over the image?

    Appreciate any feedback. 🙏

    Product Preview Card Component

    2
    Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    You can create a psudo-element for the img (::after) that is the same height and width as the image. Then you can add a dark background and mess with the opacity.

    0
  • Ken Zimny•200
    @K-ZimnyPosted about 2 years ago

    For the button you can use
    .btn-div { left: 50%; translate: -50%; } This will center your button in the middle of your div

    Marked as helpful
    1