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.
Comments
Leave a comment