We cannot imagine our night sky without the bright moon. It adds the whole lot of beauty to the nights and has been the main subject for romantic poets for ages.Coming to the science, without the Moon, Earth will not have the steady tilt and scientists say that life on ... Read More

C++ has no direct method to check one object is an instance of some class type or not. In Java, we can get this kind of facility.In C++11, we can find one item called is_base_of. This will check if the given class is a base of the given object or ... Read More

Use the all property to reset all the properties. Set all property to initial, inherit or unset.ExampleYou can try to run the following code to implement the CSS all propertyLive Demo                    html {             color: blue;          }          #demo {             background-color: yellow;             color: red;             all: inherit;          }                     CSS all property       This is demo text.    

Use the flex-wrap property with nowrap value to avoid flex-items to wrap.ExampleYou can try to run the following code to implement the nowrap value −Live Demo                    .mycontainer {             display: flex;         ... Read More

Increase the size of a flex item, using the flex-grow property. Use it with one or more than flex items.ExampleYou can try to run the following code to implement the flex-grow property. Here Q3 flex-item is larger than other items −Live Demo             ... Read More

Use the align-content property with value flex-end to set the flex lines in the end.ExampleYou can try to run the following code to implement the flex-end value.Live Demo                    .mycontainer {             display: flex;       ... Read More

Use the object-fit property in CSS to resize image or video to fit its container.ExampleYou can try to run the following code to achieve this.Live Demo                    .myimg {             width:250px;             height:350px;             object-fit:fill;          }                     SWIFT          

To create a horizontal navigation bar, use the floating list item.ExampleYou can try to run the following code to create a horizontal navigation barLive Demo                    ul {             list-style-type: none;             margin: 0;             padding: 0;          }          li {             float: left;          }          li a {             display: block;             padding: 8px;             background-color: orange;          }                              Home          News          Contact          About          

To set font size with pixels, use the em unit, with the font-size property.1em = 16pxExampleYou can try to run the following code to set font size with emLive Demo                    h1 {             /* 30px/16 = 1.875em */             font-size: 1.875em;          }                     This is demo heading       This is demo text.    

To create a transparent box with CSS, you can try to run the following codeExampleLive Demo                    div {             background-color: #808000;             padding: 20px;          }          div.myopacity {             opacity: 0.4;             filter: alpha(opacity=80);          }                     Heading       Check trensparency in the below box:                opacity 0.4                      opacity 1