Images often are problematic while we creating web page . Displaying larger image on larger screen is a better for user experience, but displaying large photo on small screen, e.g. on a phone, may unnecessarily delay page loading.
Therefore, a good solution is to “serve” images with different sizes and weight for different screens.
Read More Responsive images in HTML5, using srcsetSometimes we want that picture on page shrinks when browser window shrins. This can be easily achieved by using a short css entry.
Read More Auto resize image to div sizeTworząc strony internetowe zdarza się, że chcemy, aby div z określonymi informacjami zajmował całą wysokość okna, niezależnie od wysokości tego okna. Wiadomo, że ustawiając wysokość dziecka na 100% zajmuje ono całą przestrzeń swojego rodzica. Zatem aby div zajmował całą wysokość okna, wszyscy jego rodzice muszą także mieć ustawioną taką wysokość.
When we create websites, we sometimes want to div takes 100% window height, depending on the height of the user’s browser window . It is known that by setting the child’s height to 100%, it takes the entire space of its parent. That’s why if we want to child div takes all window height, we must set all its parents to have 100% height.
Read More How to set div to 100% window height?
