Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
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

  • 04 - Recipe Page

    #accessibility

    Hassan Aziz•60
    Submitted 7 months ago

    1 comment
  • 03 - Social links profile

    #accessibility

    Hassan Aziz•60
    Submitted 7 months ago

    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


    1 comment
  • 02 - Blog preview card

    #accessibility

    Hassan Aziz•60
    Submitted 7 months ago

    1 comment
  • QR Code component

    #accessibility

    Hassan Aziz•60
    Submitted 7 months ago

    1 comment

Latest comments

  • Rizki Bagus•80
    @rizkibagus
    Submitted 7 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
    @bauerceptor
    Posted 7 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.

  • Aliza Ikram•100
    @AlizaIkram
    Submitted 7 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
    @bauerceptor
    Posted 7 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
  • EDWINTOAPANTA02•120
    @EDWINTOAPANTA02
    Submitted 7 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
    @bauerceptor
    Posted 7 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.

  • Zakir Mustafa•160
    @kmrzakir
    Submitted 7 months ago

    html,css and css flex box

    #accessibility
    1
    Hassan Aziz•60
    @bauerceptor
    Posted 7 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.

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