worktop | The next generation web framework for Cloudflare Workers | REST library

I think the problem happens because the width size of the information product was not fixed. You only set the size for image. But information product and price follow width of the content.

Here I try to solve your problem. First, we need to put specific selector on information product with some class name. Do it the same way for price.

Second, you the style like you do to div img, but this time we will add for next div which is contain the information product and the price.

Third, an easy way copy paste the style properties for img as property for information product and price. Then, give fixed width for information product.

Here is the last two step.

1. Give 500px or you use some percentage for information product width value.

2. Give value auto for your price width.

Then, you will solve this problem.

Here is the code I made to solve your problem

If you want to keep many panels then you have to keep them on list

According to the docs you shouldn't use Object type but object. But even then, sort is not a property of object, because javascript's Object has no property sort.

Create interface or type alias (see differences) and use it instead of Object

Required content generated dynamically by XHR. You can try below code to request data directly and avoid parsing HTML: