Rogue cosmos muse about Rig Veda concept of the number one hydrogen atoms.īrain is the seed of intelligence emerged into consciousness are creatures of the cosmos When we add the Javascript code, we will be able to drag it and change the width of both the sidebar and the main section. Included in the sidebar section, there is a drag bar with the classname of. This is important to keep in mind because we will be selecting this id name in the Javascript code to make it resizable. The sidebar is inside an aside tag with an id of #resizable. The HTML code below includes two main parts: the sidebar and a main section.

Copy and paste the external links below in the head section of your project's HTML file: In this tutorial, we'll show you how to re-size a section such as a sidebar with HTML, CSS and Javascript.

If you have a webpage such as a dashboard page where there is a full-height sidebar with a long list of navigation links or you would like to implement a page composed of different sections such as JSFiddle, giving your users the ability to re-size the sections and components will be very helpful because it will make it much easier to narrow down one window and making the other larger to focus on the information on that specific section.

Resizable javascript