Being a novice in web development, I've been experimenting with creating a modal body.
https://i.sstatic.net/Qk5BR.png
The code snippet below represents my attempt at structuring the modal body:
<div className="row modalRowMargin textStyle" >
...
Your entire code block goes here
...
</div>Additionally, this is how I set up my CSS styling:
.saveButtonStyle {
background-color: #20B2AA;
color: white;
margin:0 auto;
display:block;
}
... more css styles...
.questionInput{
text-align: center;
}
.textarea {
display:inline-block;
vertical-align:middle;
}
.modalfetchedInfoStyle{
background-color: white;
}However, I'm encountering challenges when viewing the structure on tablet devices. I would appreciate any guidance or suggestions on improving the layout to make it responsive and optimized for tablets.
If anyone can provide assistance or advice on this matter, it would be greatly appreciated. Thank you!