I'm a Front-End Web Developer; -HTML, CSS, JavaScript, React, NextJs- Link to My Portfolio: https://mikeokwuosah.vercel.app/ Link to My Github Profile: https://github.com/michaelo-o
I’m currently learning...JavaScript (React, Nextjs) Typescript. Tailwind.
Latest solutions
FAQ accordion (Flexbox, JS)
Submitted 19 days agoI would like help with refining the responsiveness of the layout for smaller screens, particularly making sure the FAQ container and typography scale smoothly across devices. Additionally, I’d appreciate feedback on improving accessibility — such as using proper ARIA roles or enhancing keyboard navigation — and optimizing my JavaScript logic to make the accordion interactions more efficient and scalable.
Bento grid Layout (Grid and Flexbox)
Submitted 19 days agoWhat Specific Areas of My Project Would I Like Help With?
One area I’d like help with is creating a more authentic masonry-style layout using only CSS Grid. While I managed to simulate the effect with negative margins and fixed heights, I’d love to learn if there are cleaner, more scalable methods — especially ones that don’t require JavaScript or hardcoded values.
Another area is improving the responsiveness of the grid at mid-range breakpoints (between desktop and mobile). While my media queries work well on very wide or very narrow screens, layouts around 900–1100px still feel a bit cramped or uneven. Guidance on fluid responsive strategies or more dynamic grid setups (possibly using
minmax()orauto-fit) would be helpful.Lastly, I’d appreciate suggestions on simplifying and optimizing my media queries. With several breakpoints and many duplicated style overrides, the CSS is getting bulky. If there’s a more elegant way to handle these size transitions while maintaining visual balance, I’d love to implement it.
Profile Card component using flexbox (and a snippet of grid)
#accessibilitySubmitted over 2 years ago
Latest comments
No comments written yet.