I have added 4 metafields inside the product card, but they don’t start a new line for each metafield.
My code is like this, just add 4 metafields under this render price line in the card-product.liquid
{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
{{ card_product.metafields.custom.gpu_line }}
{{ card_product.metafields.custom.cpu_line }}
{{ card_product.metafields.custom.memory_line }}
{{ card_product.metafields.custom.storage_line }}
What I have right now
What I want it to be like
If possible I also want to add a border just like the picture above