viewport

Not all devices are the same width; you should make sure that your pages work well in a large variation of screen sizes and orientations. The viewport is the user’s visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.… Continue reading viewport

Published
Categorized as Magento

Difference between background-size: cover and background-size: contain

background-size: contain ensures that the entire background image will fit the background area, keeping its original aspect ratio. If the background area is smaller than the image, the image will shrink so that it can fit the background area. If the background area is either taller or wider than the image, then any parts of the… Continue reading Difference between background-size: cover and background-size: contain

Published
Categorized as Magento

Multiple Shadows

Multiple Shadows To add more than one shadow to the text, you can add a comma-separated list of shadows. The following example shows a red and blue neon glow shadow: Text shadow effect! Example h1 {  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;} The following example shows a white text with black, blue, and… Continue reading Multiple Shadows

Published
Categorized as Magento

Javascript to get values from an infinite input table of two inputs. An array of objects Magento 2

Here when there is a requirement for entering a table input of two or more fields the value of the table should be should stored as an array of objects with key and value pair format. This code stores the values in an array as objects from each row. Example: inputs variable selects the input… Continue reading Javascript to get values from an infinite input table of two inputs. An array of objects Magento 2