All solutions

Still having some difficulty overlaying color into the image.

I found a solution by adding a pseudo-class ::after into the div where my image is, however, I am not sure if this is the most effective and easiest way to do it. Would like to know if there is any better way to streamline overlaying color into the image.

Thanks!

Hi all,

I had difficulty in rounding up the corners of the card. I know that we can use border-radius property to make the corners rounded, however, adding it in my CSS class "card" did not work.

Wondering what should I do to make the border-radius work. Any answer will do!

Also, would be happy to hear feedback from anyone to improve my code.

Thanks! :)

Hi all,

I had difficulty working on a solution to overlap the profile image with the banner.

Not sure if my solution was ok, but what I did is I made the profile image have a "position: relative", and then I moved the profile picture some pixels relative to its original position. The consequence of this is that for all the items below the profile image in the HTML flow, I had to apply the "position: relative" as well. Not sure if there is a better way to implement this, but I will be happy to know how to do it better.

Also, I have no idea how to position more than 1 image as a background, wondering if you can point me in the right direction to do it properly. Thanks!

Reinforced my learning of CSS Flexbox. Would like any feedback from you to help me grow in my Front-End web learning, thanks! :)

Hi all, I had a difficulty in the hover part to have an overlay as what is expected for this project. Hoping you can point me in the right direction on how to properly do the overlay with icon, thanks! :)

I learned a lot from CSS Flexbox from this exercise. I did have difficulty managing the icon/image placing in the button as the button text tends to wrap, making the button text 2 lines instead of 1 line (as what the exercise wants).

I wanted to ask the community if there is a more efficient way of managing images in buttons as it is very tricky. Any feedback will be helpful for me to learn!

Thanks! :)

I had a hard time creating the summary cards (the one with colors). Can you suggest a way to make the alignment of the SVG image and the text better? I am admittedly using hard-coded pixel values, but I think using CSS Flex box, but I am new to CSS Flex box so I was not able to make it as dynamic as possible.

Any feedback will be helpful, thanks! :)

Still pretty new to HTML-CSS so the code is very rough.

Had some issues with large browser size that footer part appears to be connected to the middle container. Definitely room for improvement is needed for sure, but would love to hear your feedback so that I can improve!

Thanks!

My first solution for QR Code Component Challenge (Desktop only)