I am web developing (static pages / web apps) and strugling with HTML and CSS validation. Basic validation like checking closed tags ect. works fine. The issue is that how to check if typo was done in HTML code (visual studio community is a must)?
For example we have own defined CSS class:
And HTML code:
<div class ="myclas"></div>
In that case a typo ("myclass " vs "myclas") is not pointed by VS and I have to search it by myself.
My requirement is if I have a div with height of 400px and width of 200px and assume that I have 16 round images(there is no any fix number of images just the height and width of div is fixed), then I want to fill all the image in the div that it looks like filled fixed size div.
I need a flow to create image size dynamic as per the height and width of div, make sure that I don't want any plugin to do this.
Calculation should be like (for e.g.,)
400px * 200px and 16 images (assume)
then the image size will be 50x50
and setting 8 images in first row and 8 in second row, and the setting padding top and bottom 25px of upper row and bottom row will adjust all 16 images and fill the box of 400x200 size.