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.

[1] - https://www.freecodecamp.org/news/react-background-image-tutorial-how-to-set-backgroundimage-with-inline-css-style/

[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