hello! sorry for the delay; I only check this account every couple of weeks or so (in contrast with daily on my main account). 

so, essentially the deal with this code (and pretty much all of my codes) is that it uses the responsive bootstrap grid system. you can read about it in detail here if you like, but basically the about box is the second column in a row, while the other column contains the tree icon. the width of the tree icon column is defined by the class "col-md-6", while the width of the about column is defined by "col-xl-6". (the md/xl bits do some mobile responsiveness stuff - don't mess with them.) you can use CTRL-F to find them quickly if you don't want to sift through the whole code; thankfully this section is the only place those classes show up! right now, because the grid system uses 12 sections to a row, and both columns have a width of 6, they each take up half of the row. it's very important that both widths here add up to 12, because if they add up to more than 12, one of the columns will be shoved down below, and that would look silly.

in summary: to make the about box wider, you can change "col-md-6" to "col-md-5" and "col-xl-6" to "col-xl-7" (or 4 and 8, or 3 and 9, etc.). but whatever you set it to, remember that the ultimate width is determined by the size of the screen you are using to view the page. hope that helped!