Coding Problem

In this assignment, let's build a Musical Night Section by applying the concepts we learned till now. Achieve the layout with the CSS properties you have learned till now.

Refer to the below image.

Instructions:

• Should be able to see vertical scroll if more content is present.
• The card should be horizontally center align with a maximum width.
• Set maximum sizes for the images inside the container.

Try to achieve the design as close as possible.

Resources

Use the image URL given below.

• https://assets.ccbp.in/frontend/intermediate-rwd/musical-night-bg.png
• https://assets.ccbp.in/frontend/intermediate-rwd/musical-night-1-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/musical-night-2-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/musical-night-3-img.png

CSS Colors used:

CSS Font families used:

• Roboto

Concepts Review

Want to quickly review some of the concepts you’ve been learning?

Take a look at the Cheat Sheets.