Can i use CSS with this package?

[Trung15010802]

<div>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}

.container {
width: 100%;
max-width: 600px;
margin: 0 auto;
border: 1px solid #ddd;
padding: 20px;
box-sizing: border-box;
}

.qr-code {
text-align: center;
margin-top: 20px;
}

.header,
.footer {
background-color: #f4f4f4;
text-align: center;
padding: 10px;
}

.content {
padding: 20px;
text-align: left;
}

.button {
display: block;
width: 100%;
max-width: 200px;
margin: 20px auto;
padding: 10px;
background-color: #04BE6E;
color: white;
text-align: center;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
}

@media only screen and (max-width: 600px) {
.container {
padding: 10px;
}

.header,
.footer {
padding: 5px;
}

.picture {
padding: 10px;
}

.content {
padding: 10px;
}
}
</style>
<div class="container">
<div class="header">
<h1>STVG Meeting System</h1>
</div>
<div class="content">
<p>Kính gửi anh/chị, <b>{name}</b></p>
<p>Kính mời anh/chị đến tham dự cuộc họp <b>{nameMeet}</b> diễn ra vào lúc <b>{timeHouse} giờ {timeMinute} phút, ngày {timeDay} tháng {timeMonth} năm {timeYear}</b> tại địa chỉ <b>{address}</b></p>
<p>Nếu anh chị đồng ý tham gia, vui lòng nhấp vào nút bên dưới để xác nhận tham dự.</p>
<a href="http://localhost:50001/api/Meeting/guest/confirm/{qrcode}"
class="button">
Xác
nhận tham dự
</a>
<p>Thân ái,<br>STVG</p>
</div>

<div class="footer">
<p>© 2024 STVG</p>
</div>
</div>
</div>

Css not showing in my flutter web

[daohoangson]

No, it's not supported yet. You need to use inline styling (e.g. style prop)