@Deidals
Latest solutions
Mobile-first, CSS, Flexbox, and responsive design.
#pure-cssSubmitted 5 months agoI would appreciate feedback on how to further improve the structure and readability of my CSS, particularly for navigation and hover effects.
Mobile-first workflow, CSS custom properties, media queries, and flexb
#materialize-cssSubmitted 5 months agoI would like feedback on improving my CSS, especially with structuring styles for better readability and scalability. Suggestions for enhancing hover effects and responsive design patterns are also welcome.
HTML5, CSS, Flexbox, and Mobile-first workflow
#pure-cssSubmitted 5 months agoI’d like help with improving my overall CSS, particularly in writing efficient and maintainable code. Feedback on my use of media queries and best practices for scaling designs across various screen sizes would be invaluable. Additionally, I’d love suggestions for organizing CSS in a way that makes future projects faster and easier to manage.
Latest comments
- @elvisEspinozaN
The solution looks really good, and the layout is clean and responsive. Adding a <nav> tag around the social links could make it even better for accessibility, and some small adjustments for larger screens would help it shine on desktops. The hover and focus states are great! Maybe just tweak the avatar size or spacing a bit for better balance on bigger screens. Overall, awesome work.
- @Arfatbdc@elvisEspinozaN
Your HTML structure is clear and uses semantic tags like <section> and <h1>, which improves accessibility. Great job! One small improvement could be using <article> instead of <div class="card-content"> to align with best practices for representing independent content.
The solution is accessible, but adding aria-labels or improving alt text for images (e.g., "Portrait of Greg Hooper" instead of "my pic") would make it even better.
The layout looks responsive, and the media queries work well for smaller screens.
Your CSS is well-organized with custom properties in :root and clear class naming.
The solution is very close to the design, but the sizing looks slightly off in some areas, such as the card's width.
- P@the-Exalter@elvisEspinozaN
Yes, the solution uses semantic elements like <h2> and <p>, which are great for structure and readability. It’s easy to understand and aligns well with semantic best practices.
The solution is accessible and includes appropriate text for the QR code. A small improvement could be centering the image and ensuring consistent spacing for better alignment, but overall it works well.
Yes, while responsiveness wasn’t the primary goal, the layout still looks good on various screen sizes. It’s clean and adjusts well to smaller or larger screens.
The code is easy to read and well-structured, making it straightforward to follow. Class names are clear, and it’s organized in a way that’s reusable for future projects.
The solution stays close to the design, with only small differences like spacing or alignment. These are minor and don’t take away from the overall quality. Great work!
Marked as helpful
