h5 | html5 beautifier in command line | Development Tools 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'm building a vue app where user input data that I store in mongo database. One of the form elements is a ckeditor. When the user inputs data everything works fine.
Now the problem is when I make an API call to get the ckeditor text that user did input, I receive plein string text that I can't convert to html element.

Here's my code

Im working on this Django Template's javascript which displays a file extension icon based on file extension the script is working fine but for only 1 ID ,I know it's because I am using GetElementById property I tried using GetElementsByClassName still no luck . So I am Lookimg for an effective method to work for all elements on runtime.

fileview.html

When navigating from Composable A -> Composable B, say Composable A is a Lazy List scrolled halfway down and Composable B is a Lazy List Item Details Screen. Currently, the lazy list scroll position isn't stored, and when navigating back to Composable A from B, the list starts from item index 0. We could store it in a ViewModel, and read the value back, as well as use rememberSaveable, however, I am unsure as to how to implement rememberSaveable so that it scrolls to the saved position after back navigation.

Which method would be preferred to use following good code practices?

Edit: My problem arises from the fact that the listState isn't stored when navigating back from composable B to A. So if we scroll to the bottom and select an item and look at its details, when we navigate back to the list it is scrolled to the top, instead of saving its scrollState.

My composable

hello i'm using css counter to display the number of div that have a specific class inside a section but i don't know why the result of my code is alwase 0 this the code

so I have a button to create/ append step div and each step has an add action button element.

Question: how do I append action in a specific step for example if I add new action in step 2 then it will only create a new action in step 2

Here is the link to what i did https://jsfiddle.net/noobnoob121212/306boevh/7/

so what i did to create new step is :

My intention is to get the weather data for the selected country, passing selectedCountry.capital to the query, so it is displayed the weather from current country capital when the data of a country is displayed.

The problem is my code tries to render the weather data before the weather array is fetched, resulting in an error.

TypeError: Cannot read property 'temperature' of undefined

I get the array data

Im working in a menu where the current section is gonna be select it on scroll, but when i try to get the offsetTop of the elements i get alway 0 for some reason, on the parentElement a get value for offsetTop but in this case does not work for me using the offsetTop of the parentElement because i have many childElements inside with different offsetTop.

Template

I am working on e-commerce app using ejs template and nodejs as backend . In that I have admin role for administrative work . I create Bootstrap modal for update the order status . But I am able to only update the first order , if I try to any other order only first order gets update . Can anyone please help me to sort out this problem .

allOrders.ejs (list of orders & modal)