flex.css | declarative layout which is compatible with wechat UC | Frontend Framework library

I have a page displaying a few movie covers and on a large display they display well, however as the browser window is reduced I want the images to resize themselves in width (and height proportionally) until a certain size before wrapping happens.

To see what I mean exactly, check out: http://www.samuelgoldwynfilms.com/films I want the same behavior.

This is the sample I created.

I created a small sample that shows movie covers and I like the "flex: calc(...)" in action. As the browser window is reduced the size of the images are also reduced a bit. However notice when the image wraps, the wrapped image is in full width. Is it possible to make the wrapped image to be the same size as the images above it?

I am getting the following error-

I'm a student building a PHP project trying to get product names and their respective prices (from a mysql database table) to display one after the other in a dropdown list. The customer will select one of the items, and check one or both of the check boxes before pressing the place order button, at which point their item selection, order total, and chosen gift option will display in table form on a separate page. I've gotten all of the correct info to display in the dropdown list, as well as getting the check boxes to function properly, but all of the product data is on one line, and end to end. I don't get any errors at all when I load the page. I tried it another way in which I defined multiple instances of the echo statement, which formatted correctly, but only listed the first item in the database table repeatedly. These two different approaches are displayed below:

I am using Laravel 7 and have quite a few javascript files in public/js which I currently cann in my app template such as

When I toggle the left sidebar, the size of the right sidebar changes a little. How do I stop that from happening? I'm using flexbox and I'm trying to find a way to toggle the left sidebar. If there is a better solution that will work better I'd love to learn.

The holy grail flex layout is from here and I like the css code from here as it does not need a lot of javascript.

For some reason the code snippet is not working well in stackoverflow. I'd also like to learn how to fix this so it's more convenient to view the question. Right now it's better visible in full expanded view.

Good morning everyone.I want to try to tell you about my flexbox problem. I searched a lot on the internet (some days), maybe i maybe i was looking badly on the google ? but unfortunately I did not find the answer to my question. My problem is that when I want to apply persistence align-items: center; for flexbox, it doesn't work. I just want it to auto-center, both horizontally and vertically.

I'm using primeicons and primeng in my angular app.

If I'm running the angular website/app locally, everything is fine.

But deploying to an IIS server, the icons are not shown - but all other styles are running well.

Is this something in the configuration of the IIS?

Usage in code:

js and have a problem to use vue-router, my component isn't rendered and console show no errors, follow my code:

router config (/router/index.js):