Search for a command to run...
Series
This series is my log of what I learned about responsiveness in CSS
Hello Fellow Codenewbies 👋 We've learned about Flexbox, justify-content, align-items, flex-direction and media queries. In this post, we will create a simple navbar with what we've learned so far. We will work on the bigger screen and working our ...
Hello Fellow Codenewbies 👋 Flexbox is known as one dimension. It means that it deals with one dimension layout at a time, the column or the row. When we talk about a column or a row in flexbox, we are talking about the main axis or the cross axis. ...
Hello Fellow Codenewbies 👋 So let's say we have finished styling our app. But on a certain size of the page view, we want to apply a different style to our app. This is the time where media queries come into play. Media Queries Media queries are ...
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...
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 👋 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...
