HTML Page Layout with flexbox and Scrollable content
What is Page Layout?
The page layout refers to the arrangement of text, images, and other objects on a page. The term was initially used in desktop publishing (DTP) but is now commonly used to describe the layout of web pages as well. Page layout techniques are used to customize the appearance of magazines, newspapers, books, websites, and other types of publications.
What is Flexbox in CSS?
The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.
Example,
Please find the below link of JS Fiddle for a simple HTML page using minimal CSS where the content is only scrollable and another part will be stuck to the same position on the screen.
Please find the HTML and CSS as below:
Comments
Post a Comment