Images are by default inline elements that are a certain size and will take up that space on your web site. For responsive web design we need our images to be able to shrink in size if the container they are in is smaller than the image. For example: The following needs to be in… Continue reading Responsive Images and Video
Category: CSS
One-Line Layouts
10 modern layouts in 1 line of CSS by Una Kravets In this article and related resources Una shows how to create modern layouts with just a small amount of CSS. The layouts mostly use CSS Grid and Flexbox. Article (written and video): https://web.dev/one-line-layouts/ Editable Demo Examples on Glitch: https://1linelayouts.glitch.me/ GitHub Repository: https://github.com/una/1linelayouts YouTube Video… Continue reading One-Line Layouts
CSS Resources and References
Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Mozilla Developers Network: MDN This site sets the standard as a reference for all things web. CSS: Cascading Style Sheets This is the main area for all things CSS at MDN CSS Syntax CSS Reference selectors syntax values… Continue reading CSS Resources and References
