Journal - 2021.08.12
Today I have worked on my current frontend challenge. I had some difficulty adding an image as a background in React. In my case, the image was inside the src
folder. This is quite simple, actually, and this article [1] helped me on this task. But, in the end, I moved the images to the public
folder and used them directly on my external CSS with the url
function.
Further, I needed to set all the grid rows with the same height and this article [2] had the answer.
Lastly, I learned how to add an image inside the input element on a form. I used the background-image
solution discussed here [3].
English is not my main language, but I'm trying to improve on it. If you find any errors, please let me know: @arthurvmdantas.
[2] - https://ambientimpact.com/web/snippets/equal-height-rows-in-css-grid-layout
[3] - https://stackoverflow.com/questions/917610/put-icon-inside-input-element-in-a-form