Hi Joseph, You can use carbon(https://carbon.now.sh/) to make code screenshots. But in this case, i am assuming he just used the code syntax of markdown (''' followed by your code '''), which is how most of the blogging platform showcase code blocks.

Hello Angie, Thanks for pointing it out. I am really sorry for not explaining it properly. The above code snippet indeed works fine, At the time of writing this particular article, the newsletter component was within the body tag, but after some time I thought it would be best to add the newsletter to all the pages and I decided to move the newsletter component to the same level as my main div(There is a container div for my entire website which wraps around the head, navbar, main and footer elements). In doing so I was able to bypass the padding issue even without the above code snippet, as my main tag, the section containing the newsletter, all reside at the same level. As I mentioned in the article. there are numerous ways to fix this small issue. Thanks for sharing yours. Also, by setting max-width: 100%; you won't have to worry about the scroll space.

As I use Next.js, personally I love Next.js. Great article

Short and concise, thanks for sharing

Thanks for reading😇

Thanks a lot Catalin. Happy to hear it helped.

Hello, can you tell me how you made the thumbnail.