Answer to Question #205351 in HTML/JavaScript Web Application for giri

Question

In this assignment, let's build an Instagram Story Viewer page by applying the CSS concepts we learned till now.

Instructions:

• The direction of the linear-gradient for the banner section should be different for devices below 768px and equal and above 768px.
• Use the HTML nav element to provide navigation links, either within the current document or to other documents.
• The links in the HTML nav element should be hidden in devices below 768px and visible in devices equal to and above 768px.
• The HTML input element and HTML button element for search should be hidden in devices below 768px.
• The features of the Instagram Story viewer should be displayed vertically in devices below 768px.
• The features of the Instagram Story viewer should be displayed horizontally in devices equal to and above 768px.

Note

• Achieve the design using the CSS Flexbox layout and Media queries.
• Try to achieve the design as close as possible.

Answer 1

Dear giri, 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