Mijlo Essentials is a website created to complement a designer’s Kickstarter campaign for a better pack pack. The backpack developed by Mijlo is designed to be sustainable, timeless and simple. The Essentials website focuses on these traits as well. The wite has come up with a creative way to showcase the creative items.
What I like about this website is mostly it’s background color and its positioning.
Something I learned from its CSS language that might be helpful to me in the future:
According to the W3school, the CSS positioning properties allow you to position an element. It can also place an element behind another, and specify what should happen when an element’s content is too big.
There are four different positioning method, which are:
1) Static Positioning: static positioned elements are not affected by the top, bottom, left, and right properties.
2) Fixed Positioning: an element with a fixed position is positioned relative to the browser window, and will not move even if the window is scrolled.
3) Relative Positioning: a relative positioned element is positioned relative to its normal position.
4) Absolute Positioning: an absolute position element is positioned relative to the first parent element that has a position other than static.
The Mijlo Essentials website has used all four positioning methods
W3school explains that the overflow property specifies what happens if content overflows an element’s box. If it’s hidden, it means the overflow is clipped, and the rest of the content will be invisible. If it’s scroll, then the overflow is clipped, but a scroll-bar is added to see the rest of the content. And if it’s auto, a scroll-bar should be added to see the rest of the content.