--- a/devtools/server/actors/utils/css-grid-utils.js
+++ b/devtools/server/actors/utils/css-grid-utils.js
@@ -32,28 +32,37 @@ function getStringifiableFragments(fragm
  * @return {String} representation of the CSS grid fragment data.
  */
 function stringifyGridFragments(fragments) {
   return JSON.stringify(getStringifiableFragments(fragments));
 }
 
 function getStringifiableFragment(fragment) {
   return {
+    areas: getStringifiableAreas(fragment.areas),
     cols: getStringifiableDimension(fragment.cols),
     rows: getStringifiableDimension(fragment.rows)
   };
 }
 
+function getStringifiableAreas(areas) {
+  return [...areas].map(getStringifiableArea);
+}
+
 function getStringifiableDimension(dimension) {
   return {
     lines: [...dimension.lines].map(getStringifiableLine),
     tracks: [...dimension.tracks].map(getStringifiableTrack),
   };
 }
 
+function getStringifiableArea({ columnEnd, columnStart, name, rowEnd, rowStart, type }) {
+  return { columnEnd, columnStart, name, rowEnd, rowStart, type };
+}
+
 function getStringifiableLine({ breadth, number, start, names }) {
   return { breadth, number, start, names };
 }
 
 function getStringifiableTrack({ breadth, start, state, type }) {
   return { breadth, start, state, type };
 }