Category: CSS3

Add a border to an image without changing the size of the image

Post author By anthony
Post date December 20, 2015
Categories In CSS, CSS3
No Comments on Add a border to an image without changing the size of the image

To ensure the total width/height of your image is not affected by adding a CSS border, do the following: outline: 2px solid #000; outline-offset: -2px;

How to set a minimum font size when using CSS3 vw or vh

Post author By anthony
Post date February 4, 2015
Categories In CSS3
No Comments on How to set a minimum font size when using CSS3 vw or vh

When using the CSS3 font-size (viewport) units, such as vw and vh, you may have noticed that the fonts can become very small on smaller screens. To resolve this issue, you can do the following: @media screen and (max-width: 1100px){ font-size:35px; } @media screen and (min-width: 1101px){ font-size: 3vw; } Using the media queries […]