@NelPascual
@abhishek-pb1
Submitted
Why does the text not align with the same vertical line as the heading in the design?
I checked the dev tools for any margins or paddings but couldn't find any.
What would be an effective approach to resolve this issue? (I believe negative margins might not be an optimal solution.)
@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
@amandalima1
Submitted
I had difficulty placing the icons and positioning them next to the text
@NelPascual
Posted
Excellent work, congratulations for finishing the project. I saw that you did not develop the hover effect applied to the main image, if you need some guidance to implement it, I will gladly support you with any indication when you want.
Have a nice day.
@RoxxVS
Submitted
I'm having trouble getting a truly responsive background-image. Any tips for me?
@NelPascual
Posted
Hello Roxana. I hope you are feeling well. According to your concern about how to handle responsive images, looking at your code I understand that you started the project from the desktop perspective, since the image you call at first is the image-product-desktop.jpg, based on this I think that things are generated that you do not expect, you should change it to image-product-mobile.jpg; then in the media queries you use the desktop, in my case the image that corresponds to mobile I use it up to a maximum of 640px, from then on I change to the desktop.
A tool that I use to see the responsive details, at the time of developing the code is the app called ResponsevelyApp, I do not know if you know it?
I hope I didn't confuse you, or misunderstand your concern, anyway, if you have any questions we are at your service.
Marked as helpful
