CSS experiments

How to hide an image on mobile view from your website that shows on desktop view. Mobile view being so much smaller. Here is a way of hiding the image on mobile view but allowing it displayed on desktop view with some simple CSS code. Follow the video tutorial I made to see how it is done.

How to build responsive website layouts with CSS grid using fractional units so that layout will adjust for different views such as desktop view, mobile view and tablet view. Watch the video tutorial to see how to apply these fractional units in the CSS grid method.

How to make a wave underline effect with HTML and CSS. Wave effect underneath text on a navigation page. Watch the video tutorial and do your own.

How to make a search button for your website using html and css. Problems with sync in the video recording between voice and frecording. Maybe just turn the volume down and watch the video.

How to make a standard gradient using HTML and CSS. Watch this video to see how it is done and then just apply your own colours to make your perfect gradient.

How to make videos responsive with some simple CSS code. This will work with youtube and vimeo videos and any videos using the html iframe tag.

Create a collage effect with HTML and CSS

How to style a nav bar with HTML and CSS