@javascriptor1
Posted
Hello Madeline0421,
Good work. I have cloned your repo, updated the code then opened a pull request so you can check how I addressed the issues you raised in your comment.
Here are some notes about it:
- how to remove the white space at the top
The white space is a result of setting a fixed height on the container and then displaying it as flex with center alignment on both axes.
By removing the fixed height , and adding the right padding , you can control the white space.
- Structure the font the same as the preview (move the font on a third line).
You have to use padding from right and left to control such behavior. When you add more padding on X axe, the space available to display the text gets reduced which will result in moving to the third line.
I hope these notes will help.
Keep coding and good luck. Rgds, Mohammed
Marked as helpful
@Madeline0421
Posted
@javascriptor1 Thank you so much, this was really helpful! Appreciate it!