Could you explain what makes my pictures disappear ? span, figure { container-type: inline-size; margin: auto; max-width: 10%; float: right; } .image img { max-height: 500px; height: max-content; width: max-content; max-width: 100%; } <!DOCTYPE html> <html> <body> <figure class="image"> <img…
How to truncate dynamic text(with variable width) inside a nav-link or nav-text in a bootstrap navbar? P.S.: With explicit width, this code just works fine, ex.: <a class="nav-link disabled text-truncate" style="max-width: 150px;"> but the width is unknown. The expected behavior,…
I have a flexbox with two sections. One of the left (small section) and the second one on the right (large section). How can I make both sections take up full screen and prevent awkward white space like you see…
Been struggling for hours trying to figure this out but I at least have all of the parts looking the way that i want them. I am trying to align a logo (currently in the right spot on the page),…
How is it possible to size a <div> not based on the real content, but based on a non-displayed ghost content? Example: here the box with content "A" should be sized as if its content was "BCD": .container { display:…
I have 3 columns these columns have same section e.g title, address and etc. not only i want the card to have the same height but also the nested section should have the same height e.g if in one section…
I am trying to place my location icon in the middle of my rectangle at left side. I've tried text-align:center but it results like this: can anyone please me My result is like this
.d1 { border: 1px solid black; display: flex; width: 300px; height: 300px; } <div class="d1"> <img src="https://www.gravatar.com/avatar/4581a99fa5793feaeff38d989a1524c6?s=48&d=identicon&r=PG"> </div> Why does an images also stretch to the very end of a flexbox's width? Shouldn't it only stretch towards the very bottom,…
i have a problem with auto width for a div, i don't want to give the div a static width i want it to set its width automatically to fit the content inside it. i am trying to create a…
new to designing webpages here. I am trying to make the divs in the class from flex-direction: column to flex direction: row when it hits 650px, but it cannot get overwritten with the media query . When I inspected the…