Relative Content

Tag Archive for cssflexbox

Div is taking up extra space when the text is being wrapped

I’m trying to make my site responsive and when the font size is 12 everything is fine. But when I set the font size to 13 my text is getting wrap due to the lack of space. I’m ok with the text wrapping but for some reason my div is taking up extra space than necessary and the border on the right is looking awkward.
Image 1
Image 2

Understanding row item size in CSS flexbox

I’m learning CSS flexbox. I have created the mockup shown below. The green box is a flexbox item in a flexbox row layout. I have troubles understanding why that green box does not fill the space all the way to the right of the browser window.

media queries only changing the first object in css

I have a web project with a project section , the project are in the form of cards and the content in each project card is placed either on rightmost or leftmost. When i use media queries i am not able to center the content even though all the project cards have same class but the change is only applied to the very first card. I am really confused here.