I stumbled upon a fantastic template for my shopping cart page that I decided to use. You can check it out at this Reference Template Link
My goal is to tweak the top section headings (Product, Price, Quantity, Subtotal) to appear only once, while the middle section—where the data populates—should be replicated multiple times, and the button section should be rendered just once.
However, every attempt I've made in organizing it this way seems to mess up my CSS, and I haven't been able to fix it on my own.
Included here is a snapshot of my current customized shopping cart page: https://i.sstatic.net/57maw.png
As you can see from the image, the alignment is off, and I need assistance in rectifying this issue.
Below is the relevant code snippet:
view_cart.js
// JavaScript code goes here...
view_cart.css
// CSS styles go here...
Additionally, I'm curious about how I can improve my proficiency in tweaking CSS styles effectively. Any suggestions on where to learn such skills would be greatly appreciated!