I'm currently in Australia, just finished revamping my resume and creating a portfolio site to enhance my job hunting. I spent a few weeks learning Gatsby and tweaking the design for browser printing, aiming for a clean and professional look that's also accessible. While I scored 100 on Lighthouse, I know there's more to accessibility than that, and I'd love some insights from those experienced in creating accessible sites. I initially designed it using Penpot to avoid layout issues. Here's a quick overview: I used Gatsby 5, React 18, and Tailwind 4 for styling, and ensured the site is responsive and uses semantic markup. The printing feature changes the layout to accommodate PDFs well. Planning for future improvements includes adding a blog and a gallery of coding projects across various languages. Any feedback on layout, accessibility, or general design would be really appreciated!
5 Answers
Your layout feels a bit disorganized, the text alignment seems off. I'd suggest trying a more traditional column layout beneath your section headers. Using flexbox is great for layout but can lead to uneven spacing. Keeping larger text sections more structured might enhance readability, and consider limiting the number of skills per row to avoid single elements floating alone.
Your content made me laugh! But seriously, there’s significant room for improvement with the alignment and spacing. Don't hesitate to prioritize whitespace; it can drastically improve the site’s appearance.
Glad I could bring a smile! I really appreciate your candidness.
Honestly, it's quite a mess right now. It seems like nothing aligns properly. Don't shy away from using whitespace – it can really enhance readability. Try shifting your layout a bit to the left, and consider reducing the number of icons you have on the page.
Appreciate your honesty! I might have overdone it with the icons.
The layout makes it tough to read. I know CSS decently, but design isn’t my strength. Think about redesigning it from the ground up; that could bring a fresh perspective!
Design has never been my strong suit either; I can build from a design but struggle with creating one!
Consider removing the subheadings under your skills. It's clearer to list them all together. People familiar with the skills don’t need those headers, and those who aren’t won’t benefit from them. Also, maybe have the main groups like Skills and Experience expanded by default, but collapse individual items under Experience for easier navigation.
Thanks for the tips! I wondered about a traditional list; maybe I went too far with the flexbox approach.