Question: I have to make something like a contact button; I don't know exactly what to call this. I have this image:

!["menu"](https://i.stack.imgur.com/NgFpq.jpg)

And I made: 

![menu2](https://i.stack.imgur.com/4NZ4s.jpg)

Someone could please help? I tried to put the images in a div and change its background and do something with its radius, but it didn't work :( 

HTML:

```html
<i style="font-size:24px" class="fa">&#xf230; | </i>
<i style="font-size:24px" class="fa">&#xf232; | </i>

```

CSS:

```css
#menu1 i { 
  width: 30px;
  font-weight: 700;
}

```

Answer: 
The problem here is you're overwriting `names` at each iteration. Instead, keep a list, and *`append`* those values, and finally `str.join` them and return.

```
def get_last_three_letters(a_list):
    tails = []
    for name in a_list:
        if len(name) > 2:
            tails.append(name[-3:].lower())

    return ''.join(tails)

```

You can shorten this to a list comprehension, as [this answer](https://stackoverflow.com/a/46536107/4909087) mentions.

```
def get_last_three_letters(a_list):
    return ''.join([x[-3:].lower() for x in a_list if len(x) > 2])

```

Note that passing a list to `str.join` is actually faster than a generator comprehension!

---

```
>>> get_last_three_letters(["Jess", "Cain", "Amity", "Raeann"])
'essainityann'
>>> get_last_three_letters(["CAIn", "JessiE", "O", "ROBERT", "Geoffrey", "Li", "B"])
'ainsieertrey'

```
This should be enough to do the trick:

```
def get_last_three_chars(my_list):
    return ''.join(x[-3:].lower() for x in my_list if len(x) >= 3)

```

---

```
>>> get_last_three_chars(["Jess", "Cain", "Amity", "Raeann"])
'essainityann'
>>> get_last_three_chars(["CAIn", "JessiE", "O", "ROBERT", "Geoffrey", "Li", "B"])
'ainsieertrey'  

```