[Solved] Format issue in github page

So I have this made, and it looks fine when I preview inside github, but when I go to the actual website itself, it gets messed up, idk if something is wrong with the code or format maybe?

In addition to the screenshot, it’s good to include direct links to the code/output. This is the source/output in question, right?

Markdown Source: https://github.com/catches/catches.github.io/blob/master/servers.md
Github-Pages Output: https://catches.github.io/servers/

I don’t know the exact cause of the discrepancy, but the images are being rendered as a table in the Github-Pages output. The vertical bar (|) characters in titles are being interpreted as table cell dividers.

One quick work-around would be to use a different character for the image titles. I.e. change Role | Site to something like Role - Site.

Appreciate the response, but looks like changing it didn’t fix it.

layout: page
title: Servers
cover-img: https://i.imgur.com/Dr5zFj0.gif

I setup & manage both Minecraft & Discord servers.

### Minecraft Servers
> Past Minecraft servers I've worked with.

![pepediamondsword](https://user-images.githubusercontent.com/105005455/211039957-3de9dca5-e5ae-4072-ac6d-5eabf1b89627.png 'Owner - TheCrib')
<img src="https://user-images.githubusercontent.com/105005455/211040756-b7dc5a16-2199-4f9f-a629-0f3316840567.png" width="200" title="Manager - ValleyMC">
![image](https://user-images.githubusercontent.com/105005455/211042059-88cca289-9c5f-43c1-a282-c8bd0e105cac.png 'SolCraft MC - Lead-Developer')
<img src="https://user-images.githubusercontent.com/105005455/211045935-fb219133-4aff-4be5-8281-a1445e23ee2c.png" width="200" title="Media - ValleyMC">
<img src="https://i.imgur.com/PUMGK5d.png" width="200" title="Media - ValleyMC">
<img src="https://user-images.githubusercontent.com/105005455/213940622-98a9ccee-1955-40ac-bea4-c6dbc3ca148e.png" width="200" title="Developer/Configurator - ArticMC">
<img src="https://user-images.githubusercontent.com/105005455/215671106-4c0d6d5c-ad5c-4787-ac2c-1210984a5f33.png" width="250" title="Media - Aquatic Realms">
<img src="https://user-images.githubusercontent.com/105005455/218194631-a7f56a77-4b87-429d-833c-da495e71ade9.png" width="250" title="Configurator - Aquatic Realms">

### Discord Servers
> Past Discord servers I've worked with.

[![TheCrib](https://i.imgur.com/ZjLc76g.png 'Owner - TheCrib')](https://discord.gg/MX65MwyhZf)&nbsp;&nbsp;&nbsp;[![GOAT](https://i.imgur.com/hkMKyDx.png 'Owner - GOAT')](https://discord.gg/uuUXcafmbC)&nbsp;&nbsp;&nbsp;[![SFSC](https://i.imgur.com/Nu9e0kR.png 'Discord Setup - SFSC')](https://discord.gg/sfsc)&nbsp;&nbsp;&nbsp;[![CRCL](https://i.imgur.com/sHwHsaA.png 'Discord Setup - CRCL')](https://discord.gg/ssfnAbMTTf)

Returns the same white box in the screenshot previously sent.

Github-Pages had some downtime today, so it looks like the change didn’t get built (the build is 9 hours older than the changed file):


Maybe try pushing another commit to force a new build of the pages?

1 Like