Snippets Collections
Pixels are static values which may work for certain dimensions but will cause problems and hinder design at different dimensions/views(mobile-desktop)

For responsive web design it is a must to follow certain design practices :

1- No Pinch Zoom: Solved by applying viewport correctly.
2- No Horizontal Scrolling: Solved by using relative sizing and positioning and instead of absolute positioning.
3- Font-size Handling: Use em and rems instead of pixels.
4- Layout: Use Media Queries,Flexboxes, Bootstrap etc.
<a
	href="www.example.com"
    alt="text that describes image"
    target="_blank"
    download="/images/photo.jpg"
    hreflang="en"
    media="projection and (resolution:300dpi)"
    referrerpolicy="no-referrer"
    rel="external"
    type="text/html"
	ping="www.example.com/trackclicks"
/>
	Click here to visit our site!
</a>
<img 
	src="example.com/cat.png" 
    alt="Photo of a cat" 
    height="50" 
    width="100"
    longdesc="#catDetails"
 >
bookmark
dashboard

Wed Oct 21 2020 11:42:38 GMT+0000 (UTC) https://stackoverflow.com/questions/59611088/is-it-good-practice-to-use-vh-and-vw-for-applying-padding-margin-width-and-heigh

#html5 #css
bookmark
dashboard

Wed Jan 08 2020 19:00:00 GMT+0000 (UTC)

#html #webdev #basics #html5
bookmark
dashboard

Tue Jan 07 2020 19:00:00 GMT+0000 (UTC)

#html #htmltags #webdev #basics #html5

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension