Website looks abit off on chrome

[TechtonicaOrg]

Page where problem found?

The entire website doesn't look like it usually does; the words/font appear very small, images seem misplaced, and it all just looks weird on my end via the Chrome browser. Please see the attached screen recording.
[https://techtonica.org/full-time-program/]

Type of problem

Please see the attached screen recording.

Suggested Solution

Screen.Recording.2025-06-05.at.07.15.40.mov

[daaimah123]

@TechtonicaOrg can you share what your device, screensize, and/or browser you are using where this is happening? I am only able to reproduce if I reduce my screen to 25% view

[TechtonicaOrg]

Sure. I'm using a MacBook Pro with a 13-inch screen, and the browser is Chrome. Hope this helps.

[TechtonicaOrg]

I've checked using another Chrome profile, and here's a more accurate screen recording. The first 3 parts seem okay, but the images on the eligibility portion seem crammed up with a lot of blue space at the top/bottom. Then the spacing between the rows of the points under the application process, how to prepare, acceptance, and onboarding sections, might need some adjusting, depending on how we want it to appear, plus the indentation of the text.

Screen.Recording.2025-06-09.at.11.59.36.mov

[Gomathi1806]

want to work on this issue ->familiar with the issue and want to support non profit organisation

[Gomathi1806]

want to support non profit organisation

[Gomathi1806]

want to support non profit organisation

[daaimah123]

@Gomathi1806 👋🏾 nice to virtually meet you! Thank you for expressing interest in doing the work for this issue.

Please kindly confirm that you have:

• gone through our contributor's guide
• have completed the volunteer form
• agreed to our code of conduct

Once I have your confirmation, I will grant you write access to the repo. For now, I have assigned this issue to you via "Only Dust Wave" hackathon. 😃 Looking forward to your contribution.

[Gomathi1806]

please paste this code in js"Array.from(document.styleSheets).map(sheet => sheet.href || 'inline')" Paste this into the console (DevTools > Console) to verify if styles are loaded: This is due to main style sheet not loaded CSS Not Loading Properly the font size will get reduced.

Then second option check for blocked files in network panel.

Open DevTools
Go to the Network tab
Refresh the page (F5)
Look for any red (404 or blocked) items — especially .css, .js, or Google Fonts
If, for example, a stylesheet like main.css or Google Fonts is blocked or missing, that’s the root issue.

[daaimah123]

@Gomathi1806 if you would like to work on this issue, please submit a pull request with a solution to share your working solution.

You have been unassigned for now. As it is unclear if you would like to address this issue.