Hi, I am building a website regarding the Covid-19, but have an issue about the alignment with text and plotly chart. As the picture shows, the text would be covered by the plotly chart. How could I align the text and chart properly? Or I should try to manipulate the plotly chart?
Here is the HTML components code:
components.html(
"""
<div class="container">
<h1> COVID-19 </h1>
</div>
<style>
h1 {
padding: 0 0 20px 70px;
font-size: 100px;
}
</style>
"""
)
For plotting the map.
import streamlit as st
st.plotly_chart(choropleth_map)