Need help with html code, keeping text within box

[TUB]

Hello friends!

I am looking for some help with my HTML code.

I need a code that will keep my code within the box. Please see image of how I want it to look vs how it is looking on shopify.

The text is not combined within the box, instead it is spread across all boxes making it impossible to read.

Please see images attached for reference:

How I want it to look ^^ Above ^^

How it is looking on shopify ^^ above ^^

HTML code below:

	name	name	name	name	name
Recognition
Price (From)	£894	£998	£1078	£527	£658
Overall Score	95	92	86	90	84
Star Rating	★★★★★	★★★★★	★★★★☆	★★★★☆	★★★☆☆
Details	Text Goes Here.	SText Goes Here.	Text Goes Here	Text Goes Here	Text Goes Here.
Pros	Text Goes Here.	Text Goes Here.	Text Goes Here.	Text Goes Here.	Text Goes Here.
Cons	Text Goes Here.	Text Goes Here.	Text Goes Here.	Text Goes Here	Text Goes Here.

.heading-nezvkggm7f { color: #5d5a58; text-align: left; font-size: null; color: #5d5a58 !important; } #HEADING-nezvkggm7f { margin-bottom: 10px; } .two_column_grid-ZRyXjHmGFD { align-items: center; } .two_column_heading-ZRyXjHmGFD { color: #5d5a58; text-align: left; font-size: null; color: #5d5a58 !important; } .grid_plain_text-ZRyXjHmGFD { color: #5d5a58; font-size: ; text-align: left; color: #5d5a58 !important; } .grid_media-ZRyXjHmGFD { height: null; width: null; } .grid_media_container-ZRyXjHmGFD { text-align: null; order: 1; } .two_column_button-ZRyXjHmGFD { background-color: #000; color: #fff; font-size: 16px; color: #fff !important; } #TWO_COLUMN_GRID-ZRyXjHmGFD { margin-bottom: 10px; } .toc_heading-RgPWyH2CCH { color: #000; text-align: left; font-size: null; color: #000 !important; } #TABLE_OF_CONTENTS-RgPWyH2CCH { margin-bottom: 10px; } .two_column_grid-ISwx5Qx3X7 { align-items: center; } .two_column_heading-ISwx5Qx3X7 { color: #5d5a58; text-align: left; font-size: null; color: #5d5a58 !important; } .grid_plain_text-ISwx5Qx3X7 { color: #5d5a58; font-size: ; text-align: left; color: #5d5a58 !important; } .grid_media-ISwx5Qx3X7 { height: null; width: null; } .grid_media_container-ISwx5Qx3X7 { text-align: null; order: -1; } .two_column_button-ISwx5Qx3X7 { background-color: #000; color: #fff; font-size: 16px; color: #fff !important; } #TWO_COLUMN_GRID-ISwx5Qx3X7 { margin-bottom: 10px; } .two_column_vertical_grid_heading_0-iqd1dxfTbk { color: #000; text-align: left; font-size: null; color: #000 !important; } .two_column_vertical_grid_plain_text_0-iqd1dxfTbk { color: #5d5a58; font-size: ; text-align: left; color: #5d5a58 !important; } .two_column_vertical_grid_media_0-iqd1dxfTbk { height: null; width: null; } .two_column_vertical_grid_media_container_0-iqd1dxfTbk { text-align: null; } .two_column_vertical_grid_button_container_0-iqd1dxfTbk { text-align: left; } .two_column_vertical_grid_button_0-iqd1dxfTbk { background-color: #D36521; color: #fff; font-size: 14px; color: #fff !important; } .two_column_vertical_grid_heading_1-iqd1dxfTbk { color: #000; text-align: left; font-size: null; color: #000 !important; } .two_column_vertical_grid_plain_text_1-iqd1dxfTbk { color: #5d5a58; font-size: ; text-align: left; color: #5d5a58 !important; } .two_column_vertical_grid_media_1-iqd1dxfTbk { height: null; width: null; } .two_column_vertical_grid_media_container_1-iqd1dxfTbk { text-align: null; } .two_column_vertical_grid_button_container_1-iqd1dxfTbk { text-align: left; } .two_column_vertical_grid_button_1-iqd1dxfTbk { background-color: #D36521; color: #fff; font-size: 14px; color: #fff !important; } #TWO_COLUMN_VERTICAL_GRID-iqd1dxfTbk { margin-bottom: 10px; } .four_column_grid_container-abJoRAPTZW { background-color: #ad5e42; color: #ffffff; color: #ffffff !important; } .four_column_grid_heading_0-abJoRAPTZW { color: ; text-align: center; font-size: 20px; color: !important; } .four_column_grid_plain_text_0-abJoRAPTZW { color: ; font-size: ; text-align: center; color: !important; } .four_column_grid_media_0-abJoRAPTZW { height: null; width: 50px; } .four_column_grid_media_container_0-abJoRAPTZW { text-align: null; } .four_column_grid_heading_1-abJoRAPTZW { color: ; text-align: center; font-size: 20px; color: !important; } .four_column_grid_plain_text_1-abJoRAPTZW { color: ; font-size: ; text-align: center; color: !important; } .four_column_grid_media_1-abJoRAPTZW { height: null; width: 50px; } .four_column_grid_media_container_1-abJoRAPTZW { text-align: null; } .four_column_grid_heading_2-abJoRAPTZW { color: ; text-align: center; font-size: 20px; color: !important; } .four_column_grid_plain_text_2-abJoRAPTZW { color: ; font-size: ; text-align: center; color: !important; } .four_column_grid_media_2-abJoRAPTZW { height: null; width: 50px; } .four_column_grid_media_container_2-abJoRAPTZW { text-align: null; } .four_column_grid_heading_3-abJoRAPTZW { color: ; text-align: center; font-size: 20px; color: !important; } .four_column_grid_plain_text_3-abJoRAPTZW { color: ; font-size: ; text-align: center; color: !important; } .four_column_grid_media_3-abJoRAPTZW { height: null; width: 50px; } .four_column_grid_media_container_3-abJoRAPTZW { text-align: null; } #FOUR_COLUMN_GIRD-abJoRAPTZW { margin-bottom: 10px; } #ADVANCE_TABLE-Xl2FNx3czu { margin-bottom: 10px; margin-top: 6px; } .heading-MLwi4kOVma { color: #5d5a58; text-align: left; font-size: null; color: #5d5a58 !important; } #HEADING-MLwi4kOVma { margin-bottom: 10px; }

@media (max-width: 798px) {
#HEADING-nezvkggm7f {

} #TWO_COLUMN_GRID-ZRyXjHmGFD {

} #TABLE_OF_CONTENTS-RgPWyH2CCH {

} #TWO_COLUMN_GRID-ISwx5Qx3X7 {

} #TWO_COLUMN_VERTICAL_GRID-iqd1dxfTbk {

} #FOUR_COLUMN_GIRD-abJoRAPTZW {

} #ADVANCE_TABLE-Xl2FNx3czu {

} #HEADING-MLwi4kOVma {

}
}

[AnneLuo]

Hi, @TUB

Please share the store URL so that I can assist you.

[TUB]

Hi AnneLuo,

Thank you for responding! I have managed to figure it out, thank you so much.