I am trying to map through data to display info such as: date, weekday, name, price and some images. Each object contains some of the same info, but each object has a different number of images or is missing a value in a few spots.

I can display the data on the page properly, but I can't seem to format it because of the different number of images or missing data. There are large white spaces in certain spots where there is missing data (like it is rendering the field that is missing data).

Is this something that can simply be done with CSS? The missing values just are empty strings currently, and am not sure if that is part of what is causing the problem?

I have tried using `:empty` and changing the values to null, with no luck.

Example objects:

```
[
 {
  "id": 1,
  "date": "January 1",
  "weekday": "Friday",
  "price": "82¢ + tax",
  "img1": "https://firebasestorage.googleapis.com/v0/b/danceland-cr.appspot.com/o/1954%2F1954-13-1.jpg?alt=media&token=0afc6a81-cf73-4bd0-bb54-d6ee6eeb59c0" 
 },
 {
  "id": 2,
  "date": "January 2",
  "weekday": "Saturday",
  "price": "",
  "img1": "" 
]

```

I can see the info being mapped to the page but there are white spaces where the missing `img1` & `price` values would normally go.