All solutions

REVIEW NEEDED

So I completed this with relative ease compared to the previous challenges I've completed on here. Almost every aspect of the design I was able to view in my head and design accordingly.

I would only request that you check if there are ways that I can improve my markup and styling (pretty sure I did some scary stuff in my CSS file💀).

HELP NEEDED

This is my least problematic challenge so far. I was able to markup the page with much ease. The only issues I have are:

• Difficulty trying to set the opacity. I wasn't sure whether opacity was the right property to use as I'm currently not aware of other methods of setting the overlay. Please do let me know if there are other methods.
• I had some difficulty trying to set the size of the text and the image to be equal (I'm still not sure whether they are equal). How can I set the left-col and right-col to be equal in size?

HELP NEEDED

This has been the toughest challenge I've taken yet.

• The first issue I'm having is the little space between the hero image and the bottom of the card .top and .bottom classes. I have no idea why it's the when it shouldn't be.
• The second issue was with the .plan section of my card where the music icon, plan details and change link are located. I cant seem to be able to arrange them as in the design guide.

How can I remove the space in the first issue? Also, how can I better arrange the items in the plan details .plan of the card?. My best guess is using the css grid but I have no idea how.

HELP NEEDED

• I'm having serious trouble setting the background position of the images in this challenge
• Is there an easier or more efficient way to position the numbers in the stats, i.e the followers, likes, and photos?

Help Needed

• During the process of completing this challenge, I find aligning the card to the middle to be quite difficult. Is there an easier way to accomplish this?
• I wasn't sure whether the CSS max-width would suffice to make the card responsive even on mobile devices, although I did used relative units as best I could. What suggestions would you offer to make the site more responsive?
• Were the methods I used considered best practices or are there better alternatives that I should explore?