@DanRHatfield
Submitted
Sometimes when I refresh the page I get the same advice displayed in the app. Any idea how to get a different one to show up each time?
@K-Zimny
@DanRHatfield
Submitted
Sometimes when I refresh the page I get the same advice displayed in the app. Any idea how to get a different one to show up each time?
@K-Zimny
Posted
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
@guisepit
Submitted
Any Question Is Welcome
@K-Zimny
Posted
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.
@Teeclever
Submitted
Any feedback would be really appreciated
@K-Zimny
Posted
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
I wil appreciate your comments
@K-Zimny
Posted
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
@ezra-ramatong
Submitted
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. 🙏
@K-Zimny
Posted
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.
@fanifrancs
Submitted
Thanks for checking out my solution. Please let me know if there is any improvement that can be made. Gracias.
@K-Zimny
Posted
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