Skip to content
OverviewSolutions
4
Comments
4

Hassan Aziz

@bauerceptor60 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Submitted 2 months ago

    04 - Recipe Page

    #accessibility
    • HTML
    • CSS
    1
  • Submitted 2 months ago

    03 - Social links profile

    #accessibility
    • HTML
    • CSS
    1

    I thought vh, vw, and % are responsive units. I used them to dictate the width and height of the container. But on smaller screen sizes, everything broke so I switched width and height to use 'rem', which surprisingly, made everything responsive automatically and nothing broke on smaller screen sizes as well.

    I don't know how, when and where to use vh, vw and %, and would appreciate some help in understanding these units better.

    Danke

  • Submitted 2 months ago

    02 - Blog preview card

    #accessibility
    • HTML
    • CSS
    1
  • Submitted 2 months ago

    QR Code component

    #accessibility
    • HTML
    • CSS
    1

Latest comments

  • Rizki Bagus•80
    @rizkibagusSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Everything i do in this project i'm so proud

    What specific areas of your project would you like help with?

    Maybe mobile design, please comment if you want to comment my mobile design

    Recipe Page Challange Using CSS Flexbox

    #accessibility
    1
    Hassan Aziz•60
    @bauerceptorPosted 2 months ago

    Amazing job! It is semantic, responsive, clean, reusable and well-structured. Keep up the good work and best of luck in your future endeavors.

    1
  • Aliza Ikram•100
    @AlizaIkramSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Seamless and clean code. I will try to be proficient.

    What challenges did you encounter, and how did you overcome them?

    No problems were ecencountered.

    What specific areas of your project would you like help with?

    I just want to know if I need any improvement. And if I'm doing anything wrong in my code. Do let me know.

    Responsive Social Links Page

    #accessibility#progressive-enhancement#pure-css
    1
    Hassan Aziz•60
    @bauerceptorPosted 2 months ago

    Hi Aliza,

    It's an awesome job that you did. It meets all the requirements of the challenge and is visually appealing as well. However, I noticed some areas that can be improved:

    1. Using semantic HTML markup in place of 'div' and 'span' improves accessibility for different screen-readers.
    2. Using responsive units like 'rem' instead of 'px' makes the site responsive to smaller screen sizes as well.

    Again, keep up the great work and best of luck in your future endeavors.

    Marked as helpful
    1
  • EDWINTOAPANTA02•120
    @EDWINTOAPANTA02Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Next time I would investigate more about the flex-box I would like them to give the dimensions of the letter.

    What challenges did you encounter, and how did you overcome them?

    Next time I would investigate more about the flex-box I would like them to give the dimensions of the letter.

    What specific areas of your project would you like help with?

    Next time I would investigate more about the flex-box I would like them to give the dimensions of the letter.

    blog card

    #accessibility#airtable#angular#angular-material#animation
    1
    Hassan Aziz•60
    @bauerceptorPosted 2 months ago

    Hola Edwin,

    Me encantó tu trabajo, gran trabajo. Algunas áreas que noté que podrías mejorar un poco son:

    1. Utilice unidades receptivas, especialmente rem.
    2. Utilice estilos CSS en clases e ID para mejorar la reutilización del componente.
    3. Utilice un tamaño de fuente más grande.

    Continúe con el buen trabajo y mucha suerte en su viaje.

    0
  • Hassan Aziz•60
    @bauerceptorPosted 2 months ago

    Hi Zakir Mustafa,

    I reviewed your work and it is awesome. Here are all the nice things I found in your code:

    1. It was structured and readable.
    2. The layout looked good on a range of screen-sizes.
    3. The solution was nearly identical to the design.

    However, here are some things I noticed that can be worked upon:

    1. A separate CSS file for styles could have made the solution reusable.
    2. The Responsive Media Query could have been set to 420px because between 420 to 300px, the site did not look as awesome as before.
    3. The HTML could have been more semantic, for example, there could have been a figure element at top level, with image, figcaption and aside/p as the children elements instead of divs.

    Overall, I appreciate your effort and hard-work and I would love for you to continue developing amazing stuff. Best of luck!

    p.s. Use GitHub Pages to host your project repo for free on GitHub.

    0