Gabriel Rodriguez Perez
@glrodriperez98All solutions
Responsive Testimonials using Grid and media queries
Submitted 3 months agoI'd appreciate feedback on:
My use of em units for media queries...are there best practices for choosing the base value?
Whether my grid positioning using nth-child is maintainable or if there’s a cleaner way to handle this for large-scale layouts.
How I could improve my utility class naming or structure for scalability and clarity.
Four card feature section using CSS Grid
Submitted 3 months agoI’d love feedback on how to structure responsive layouts more efficiently, especially when combining Flexbox and Grid. I’d also like to get better at translating designs more precisely without relying too much on trial-and-error, and would appreciate tips on how to choose breakpoints based on the design rather than using arbitrary widths.
Product Review Component using Flexbox and Media Query
Submitted 3 months agoI’d love to get feedback on how to make the layout even more scalable and maintainable, especially when dealing with more complex designs or components. Specifically:
-
Are there any best practices for structuring the layout that I could use to make future projects easier to scale?
-
What’s the best way to approach fluid typography and spacing that adjusts more elegantly across breakpoints?
-
Are there accessible or semantic HTML improvements I can make to strengthen the structure further?
-
Recipe Page using Flexbox and Media Query for mobile responsiveness
Submitted 4 months agoI’d love feedback on how to better manage spacing and border styles more efficiently, particularly in sections like the nutrition facts where a cleaner CSS solution might exist. Also, suggestions on how to simplify or refactor my responsive styles would be appreciated, especially now that I'm starting to explore media queries.
I'd also be open to tips on improving overall CSS organization and best practices, like when to use utility classes vs. semantic ones, and how to better structure styles as projects grow more complex.
Social Links Preview card using CSS Flexbox
Submitted 4 months agoAn element where I struggled in this project, along with my other projects in matching the size of my solution to the solution provided by the design. When time to review my screenshot in comparison my solution is either too big or too small. If there are any tips or feedback that would help me gauge getting the initial size right at the beginning of the project that would be much appreciate.
Also any additional feedback around the lines of:
- Are there any accessibility improvements I could make to improve screen reader support or keyboard navigation
- Are there any tips or tricks with my solution to improve the experience without overwhelming the simplicity, along with making it more readable and scalable
Thanks!
Blog Preview Card Challenge
Submitted 4 months agoI’d love some feedback on how to make the layout more responsive, particularly for smaller mobile devices and large desktop screens. Additionally, I’m curious about best practices for accessibility in a design like this. For example, are there ARIA attributes or semantic improvements I should be including to make the preview card more screen-reader friendly?
QR-Code Challenge using CSS Flexbox and Semantic HTML5
Submitted 4 months agoMy specific area that I would like help in is reusing CSS code. I'm struggling to determine when to use Flexbox or Flex grid for example, and then understanding how to factor that into the entire design of a project.
With this project, I'm not sure if it's possible but I would love to know if theres a way to cut down the amount of CSS that I used and make it more efficient and easier to read to a third party reviewing my code.
