Search for a command to run...
Series
This series is my log of what I learned about responsiveness in CSS
Hello Fellow Codenewbies 👋, There are many factors to consider when we think about responsiveness in CSS. One of them is CSS Units. There are two types of units: Absolute Relative - to the size of font (em, rem, etc.) and viewport (vh, vw, etc.) ...
Hello Fellow Codenewbies 👋, If you've read my previous post, you've also learned that em can cause problems since it creates cascading effect. That's why we preferably avoid using it for font-size. So when or where can we use em? An Example Let's c...
Hello Fellow Codenewbies 👋 You probably use px or em to set up the size of your image in CSS. Well, I did. But there is a good practice that I learned recently on how to set up the size of images, particularly the width. Percentage is better to be ...
Hello Fellow Codenewbies 👋 Recently I learned more about flexbox in CSS. I will write this topic in several posts as I learn and dive into it 😊 Flexbox Flexbox is a layout model or displaying items in a single dimension — as a row or as a colum...
Hello Fellow Codenewbies 👋 We've learned in the previous post that applying display: flex to a flex container by default will turn flex items into columns. And when the total width of flex items is bigger than the container, they will stretch to f...
Hello Fellow Codenewbies 👋 By default, flex is stretching the height of the items based on the highest item. But when we need to, we can control the vertical position (cross axis) of the items with align-items. Controlling The Vertical Position of...
