Question: Just wondering if anybody experience this issue?

I am developing an application in iOS using Objective-C at the moment.
Sometimes my data in `NSUserDefaults` will be missing after I compile the app.

But if I ignore it and recompile the app again the data suddenly reappears.

I already synchronized in several places (not in every key, but only in several places).

If anyone happened to face this issue before I hope you can share how to handle this issue.

P.S. I need a storage to save 1 particular object so I can retrieve it when the app reopens.

Edited to add the code

```
NSString *enPIN = [[NSString alloc]initWithString:[NSString stringWithFormat:@"%@", [enterField.text md5]]];

[[NSUserDefaults standardUserDefaults] setObject:enPIN forKey:@"pin"];
[[NSUserDefaults standardUserDefaults]synchronize];

NSLog(@"check pin %@", [[NSUserDefaults standardUserDefaults] objectForKey:@"pin"]);

```

The object is a string, i hash it using md5 and then store it in nsuserdefault, if it only randomly dissapearing maybe its not weird, but its also reapearing again after it dissapear if i recompile the apps

Answer: 
Yes you can.
You have to use css3 dispaly: table; for the equal height wrapper and display: table-cell; for the each element of equal height wrapper.

Here is the simple way.

HTML & CSS Code: 

```css
.equal-height-row{
  display: table;
}
.equal-height-row > .equal-height-box{
  display: table-cell;
  vertical-align: middle;
  padding: 2em;
  box-sizing: border-box;
  background-color: lightgrey;
}
```

```html
<div class="equal-height-row">

   <div class="equal-height-box">Box1<br>box 1 content</div>
   <div class="equal-height-box">Box2</div>
   <div class="equal-height-box">Box3</div>

</div>
```
A modern and preferred way is to use `flexbox`, which aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

At this link, [A guide to flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/), you will find a really good start how it works.

```css
.row {
  display: flex;
}
.row > div {
  flex: 1;
  background-color: lightblue;
  padding: 10px;
  margin: 5px 10px;
}
```

```html
<div class="row">
   <div>First</div>
   <div>Second<br>having<br>more than<br>one line</div>
   <div>Third</div>
</div>
```