Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
1
Fernando Luis Pizarro
@fernandopizarrodw

All solutions

  • Fylo landing page with two column layout


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I would appreciate feedback on how to improve the accessibility of the form elements and buttons, especially regarding keyboard navigation and screen reader friendliness.

    Also, if there are suggestions on optimizing the CSS structure for scalability or alternative layout techniques (like CSS Grid) that could make the code cleaner, I’d be interested in learning more.


    0 comments
  • Huddle landing page with alternating feature blocks – mobile first sol


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I’d appreciate feedback on how to better structure my CSS using BEM, and how to make my code more maintainable and scalable. Also, if there are any best practices I'm missing regarding accessibility or semantic HTML, I'd love to hear suggestions.


    1 comment
  • Responsive landing page using Flexbox and media queries


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I'd appreciate feedback on how to structure my media queries more efficiently and keep the desktop layout cleaner, especially when dealing with multiple section changes.


    0 comments
  • Responsive Fylo Data Storage Component using Flexbox and pseudo-elemen


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I'd appreciate feedback on:

    • Whether there's a more efficient or scalable way to create the custom-shaped box-white.
    • Best practices for progress bar alignment and responsiveness.
    • Any improvements for accessibility beyond the visually hidden heading.

    0 comments
  • Responsive testimonials grid using CSS Grid


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I’d appreciate feedback on the use of fixed widths inside the cards and how to make the layout more fluid and adaptable across different screen sizes without relying too much on pixel values.


    0 comments
  • Responsive QR code card using Flexbox and CSS Variables


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I’d appreciate feedback on my use of margin and padding shorthand. Also, suggestions on improving the responsiveness and optimizing the layout with modern CSS techniques like min(), max(), or clamp() would be great.


    1 comment
  • Blog preview card - Mobile-first workflow - Flexbox


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I’d love feedback on my CSS structure—especially how to better organize base styles vs. media queries. Any advice on improving code readability and best practices for scalable responsive design would be very appreciated.


    1 comment
  • Responsive Layout with CSS Grid and Media Queries


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    Superé los problemas del layout del grid experimentando con diferentes valores para grid-column, grid-row y ajustando las propiedades de grid-template-columns y grid-template-rows en la media query.


    0 comments
  • Responsive landing page with Flexbox and media queries


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    Me gustaría recibir feedback sobre cómo optimizar el CSS (por ejemplo, reutilización de clases o simplificación de reglas repetidas). También me interesa saber si hay una mejor forma de posicionar los íconos sociales en desktop sin usar position: absolute.


    0 comments
  • Responsive price component using Grid and Mobile First approach


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    Me gustaría recibir feedback sobre cómo mejorar la estructura de mis media queries y si hay una mejor forma de manejar el espaciado interno (márgenes/padding) sin usar tantas clases individuales.


    0 comments
  • Responsive Four Card Feature Section (Flexbox/Grid) Mobile-First


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    I'd appreciate feedback on:

    Best practices for choosing between Flexbox and Grid for different layout scenarios. This challenge really highlighted the strengths of Grid for bidimensional layouts, and I'd like to solidify my understanding of when to prefer one over the other. Code clarity and organization in my CSS, especially in the Flexbox attempt. Are there ways I could have structured the Flexbox solution more effectively, even if Grid was the better overall choice? Responsiveness of the layout across different screen sizes. While I aimed for a responsive design, feedback on how well it adapts to various viewport widths would be valuable.


    1 comment
  • Responsive layout with Flexbox & media queries


    Fernando Luis Pizarro•280
    Submitted about 2 months ago

    Me gustaría recibir feedback sobre cómo organizar mejor mis media queries y clases CSS, especialmente en proyectos con varios breakpoints. También si hay mejores prácticas para evitar código repetido o conflictos de cascada.


    0 comments
  • Mobile-First Profile Card Challenge (HTML + CSS)


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    0 comments
  • 3-Column Card Layout with Responsive Flexbox Design


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    0 comments
  • Responsive Stats Card - Challenge Completed


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    0 comments
  • Responsive Card Design using HTML5 & CSS3 (Flexbox, Background Positio


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    I'm relatively new to using position: fixed for background images. Could anyone review my implementation of the .background-container and suggest if there are more robust or best-practice ways to achieve a full-viewport fixed background?


    0 comments
  • NFT Preview Card Component


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    0 comments
  • Product Preview Card Component


    Fernando Luis Pizarro•280
    Submitted 2 months ago

    0 comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub