The biggest and worst difficulty was making the layout responsive for mobile, where there were several selectors that needed to be modified, I wanted to check with everyone if it is possible to modify this in a more practical way, so that when working in a responsive way, many adjustments are not necessary in CSS components and selectors.
Hi there, congratulation on finishing this project!
I have a little suggestion. you can try to put display: flex on the body itself like the way you did on the main, this way it will automatically adjust and always be on center based on your screen size and I think you forgot to add a cursor on your button. As for me, you did a great job, and I find it good.
display:flex
min-height: 100vh
justify-content: center
align-items: center
Hello, I am slowly getting the hang of HTML&CSS :D However on the desktop preview, there is this little weird dead space between the shadow and the card element that I didn't know how to fix. The card element height didn't want to get changed Can someone please explain to me what the problem is and how to fix it?
Hi there, congratulation on finishing this project.
I tried to examine your code and I think the little weird dead space you're talking about is coming from the minimum height. I suggest that you remove that from the parent container.
.card { min-height: 80vh }
Just remove that and I think you are fine now.
I'm unsure of the way I arranged the desktop view. any help?
Try giving the body a height: 100vh, display: flex, align-items: center, justify-content: center,
It would center the element on the screen. Hope this helps you!
Hello everyone! I recently completed the challenge and I'm excited to share my work with the community. I put a lot of effort into this project and would love to hear your thoughts and suggestions on my code. As a developer, I'm always looking to improve my skills and learn from others, so any feedback you can provide would be greatly appreciated. Please take a look at my project and let me know what you think - I'm looking forward to hearing from you!
Hi there!
Great job! I suggest that you can remove the absolute position on the image, as it may no longer be necessary. You could consider incorporating this change into your code.
class name of your image { mix-blend-mode: multiply; opacity: 0.75; }
Hope you this helps you!
