makeup | JavaScript tool for comfortable manual testing of markup

I want that in my angular app an array of products productCategory is shared beetween component1 and component2 (the two components don't have any relation) after a click event that occurs in component1. I tried to achieve this goal creating a service in this way:

Makeup registration form.

Faced with two problems.

1. Lines (pseudo-elements) near the word "registration" on narrow screens are closed on the word "registration".
2. The Last Name field does not go down.

This is how it looks like on wide screens (no problems):

I do not know the first problem how to solve. I tried options with min-width and max-width, but it did not help me. Perhaps I did something wrong.

The second problem is obviously solved using the flex-wrap property, but where will it be right to leave it?

I am building a matlab MEX function using the matlab c++ data api. My mex function accepts a struct with some fields of varying size, type and name as an input. The exact makeup of this struct could vary and is defined outside the scope of the program, but I know all the possible combinations of the constituent fields ahead of time. We will call this parameter called 'Grid', and Grid is passed to a helper function.

In this helper function, I would like to generate an instance of a derived class where the specific type of derived class will either depend on/correspond to the specific combination of the fields of Grid. The idea is that I can extract the fields of Grid and use them to create the instance of the correct derived class. I would like to achieve this without the need to rewrite my code every time I add a new derived class with a different possible combination of fields. How could I do this? I am open to alternate approaches and strategies as well.

For example, Grid might be defined in the matlab environment like:

I want to sort an array of objects with parent category name and nested category name alphabetically.

Need to do it for lower Mysql version like 4.9 to 5.6

I need to copy one table column data to another table but need to apply unique check and in case found duplicate then needs to add suffix to data and continue the update.(Don't want to stop query execution because of duplicate data) .

Let me clarify things:

My first table is tbl_categories:

I am creating this admin form, where Category and sub-category will be drop down selection and the options will be from the given Json (categories.json) and the respective sub-category will be populated after selecting category while creating an product. e.g if I select a category_slug men's fashion, then the sub-category such as t-shirt will appear. How to do this on React? the json file

What I am trying to edit

Originally I had the min-width and a max-width of both of them to be the same but when I changed the image in the left one, there was an overflow so I took out the max-width property. I also tried using the flex-grow property but it didn't work. Is there any other way I can achieve what I want?

I have this Curl makeup

I have the following list: