Answer to Question #173341 in HTML/JavaScript Web Application for sandeep

Question #173341

Popular Blog

let's build a Popular Blog by applying the CSS concepts

The following images illustrate all device sizes, from extra small to extra large.

Instructions:

The page should have two different background images for Marketing Strategies and Laptop cards in devices below 768px and devices equal and above 768px.
Add the given images as background images for the cards.
For the devices below 992px the heading should be centered and for the rest of devices it should align to the left.

Note

Achieve the design using the CSS Flexbox layout and Media queries.

Use the image URL's given below.

https://assets.ccbp.in/frontend/intermediate-rwd/popular-blog-marketing-strategies-lg-bg.png
https://assets.ccbp.in/frontend/intermediate-rwd/popular-blog-marketing-strategies-sm-bg.png
https://assets.ccbp.in/frontend/intermediate-rwd/popular-blog-coffee-bg.png

CSS Colors used:

Background color Hex Code values:

#95b2ff

#ffffff

Text color Hex Code values:

#12022f

CSS Font families used:

Roboto

Expert's answer

Dear sandeep, your question requires a lot of work, which neither of our experts is ready to perform for free. We advise you to convert it to a fully qualified order and we will try to help you. Please click the link below to proceed: Submit order