@NelPascual
Posted
Hi @abhishek-pb1, inspecting the component in the browser you can see that the heading and text class, have the same proportion in width.
As the text has been aligned centered, it should be noted that the font size of the heading is larger than the text, so the text is adjusting and there are line breaks when a word no longer fits, so when viewing your component, the text of the paragraph is misaligned with respect to the header.
As @Lo-Deck commented, play with the padding in the text class, to adjust it and the text can be seen more aligned.
Best regards.
Marked as helpful
@abhishek-pb1
Posted
@NelPascual
Thanks ! I thought it might be some alignment issue while it was rather a line break issue. Got it.