Blog preview card

What challenges did you encounter, and how did you overcome them?

Deploying to GitHub Pages presented a series of challenges. Initially, the blog images that displayed correctly locally were not appearing when deployed. My troubleshooting process included several steps:

• Validation: I first checked to ensure the SVG file was valid.

• Configuration Adjustment: Added a .nojekyll file to bypass Jekyll processing, suspecting it might interfere with the rendering.

• Direct Link Test: Attempted to access the image via a direct link from GitHub Pages to isolate the issue, which helped identify additional web-related issues.

• Despite these efforts, the images still did not display correctly when linked through an img tag. The solution involved removing the img tag and directly embedding the SVG code into the HTML, followed by applying the necessary CSS styling. This method finally allowed the images to display correctly on the deployed site.