Question: So I'm trying to make an on\_user\_update event and to send the message I need to fetch the channel\_id that is set as the log channel for the guild, which I sort by guild\_id, but on\_user\_update has no guild attribute. So how would I achieve my goal?

Here's the code:

```py
@bot.event
async def on_user_update(before, after):
    async with aiosqlite.connect('database.sqlite') as db: 
        async with db.execute("SELECT channel_id FROM logging WHERE guild_id = ?", ("answer goes here")) as cursor:
            result = await cursor.fetchone()
        if result is not None:
            channel = bot.get_channel(id=int(result[0]))

    if before.avatar != after.avatar: 
        av = discord.Embed()
        av = discord.Embed(title="**User Avatar Updated:**", color=7419530, description=f"After:")
        av.set_image(url = after.avatar_url)
        await channel.send(embed=av)

```

Answer: 
Although I would use @jinongun's answer in most cases, here is the solution to fixing your code.

You should change `className` to `class` and `htmlFor` to `for`. **`className` and `htmlFor` are JavaScript properties.**

```css
.float-input-block :first-child {
  border-radius: 0.8rem 0.8rem 0 0;
}

.float-input-block :last-child {
  border-radius: 0 0 0.8rem 0.8rem;
}

.float-input-block input {
  display: block;
  height: 50px;
  border: 1px solid #eeeef5;
  border-radius: 0;
  padding: 0 20px;
  box-sizing: border-box;
  margin: -1px;
  background: #fafafc;
}

.float-input-block {
  background: #ededf6;
  width: 100vw;
  height: 100vh;
  display: grid;
  place-content: center;
}

body {
  margin: 0;
}
```

```html
<div class="float-input-block">
  <input class="float-input" type="text" placeholder="Name" />
  <input class="float-input" type="text" placeholder="Sobrename" />
  <input class="float-input" type="text" placeholder="Email" />
  <input class="float-input" type="password" placeholder="Senha" />
</div>
```
I have a different idea.

```css
.wrapper{
  width: 120px;
  border: 1px solid red;
  border-radius: 15px;
  overflow: hidden;
}
.wrapper > .row{
  height: 30px;
  text-align: center;
  background: gray;
}
```

```html
<div class="wrapper">
  <div class="row">1</div>
  <div class="row">2</div>
  <div class="row">1</div>
  <div class="row">2</div>
</div>
```

Just add `border-radius`, `overflow` on the outside `div`.