Responsive | super lightweight HTML , Sass , CSS , and JavaScript framework | Style Language library

I am trying to make a page responsive but, I am not able to make an image responsive as it is getting off the grid container in material UI. Is there a way I can make the image responsive? I am trying to add the image in Grid container, Still, it is showing the same.

I have the table with each row containing checkbox where checkbox value is set as id from the database. How can i access them to controller to update in database. I have tried to dump the value in my controller but it show NULL. Here is my view:

I have the table retrieve from database. Each row have its own action column where there is radio button like po,ao,rac,rap,cancel,hold and ids are supplied via hidden field. How can I loop through all the datas and all respective ids to update in the database.My Database table name is docs where radio button values should submit updated in payment_comment field in database: I dont understand how to loop through all respective ids and update in database.

Here is my view:

I can't do something so simple and I'm pissed off. I am using bootstrap in Laravel. I need to set it up for mobile. The footer either hovers over the body or stays in the middle of the page. How can I solve this?

I want to set padding on a element but then when I resize the window I clearly see that this element isn't responsive anymore. I use Reactjs with React-bootstrap and it comes from the way I set the padding on my element because if I remove it, then it's responsive.

I'm creating 2 pages (Summary and Cycles pages) using react.js.

On the Summary page, there is a column named CN that every item links to the Cycles page.

Summary page has a path /route/summary/location=abc and Cycles page has a path /route/cycle/location=abc/deviceId=4410

For example, if I click the value from CN column in the first row of the table inside the Summary page, I will be redirected to the Cycles page with the path /route/cycle/location=abc/deviceId=4410.

In the Summary page, I use https://github.com/react-bootstrap-table/react-bootstrap-table2 for the table component and I use a columnRenderer function inside columns.js to render a custom item inside the table like this one:

How can I put the pathname (example "abc") to a Link component inside cnColumnRenderer function in columns.js?

Summary page with the path: /route/summary/location=abc

Cycles page with the path: /route/cycle/location=abc/deviceId=4410

Error because of invalid hook call while rendering the Summary page

table code inside Summary page (inside Summary.js):

hint: focus on columns variable from './columns' and its implementation

I wanna make "kanban" style div section.. so div section have to be responsive and continue to right with sliding.But as picture each time I push "istasyon ekle" div section goes down to continue..

what I want is in the second picture...

and what I tried is :

I'm using a Vue Bootstrap Table component and I want to add different CSS classes to different columns. I want my first column to have text-left, all the others text-center and the last one (right end one) to have text-right. Here is the current version of the b-table;

I'm working on a feature where client get's discount when buying a package.

The item on the left is fixed and doesn't change. It comes in package with the item on the right where client can choose a snowboard:

All I need is that when client chooses a size, but then swipes to the next snowboard the size chosen from the previous snowboard would be set back to default 'CHOOSE SIZE OPTION'.

Here is the code of the Parent Component: