Skip to content
OverviewSolutions
3
Comments
3
Ahmed-Abdul-ghaffar
@Ahmed-Abdul-ghaffar

All solutions

  • Submitted 14 days ago

    Responsive Social Profile with Custom Font & Cursor

    • HTML
    • CSS
    0

    In the HTML file:

    1. Is there a more semantic way to group the anchor tags for the social links, rather than having each one separate from the others?
    2. Do you have any recommendations for improving the structure of the file?
    3. Any overall advice for improving the code?
  • Submitted about 1 month ago

    Responsive Web Page with Custom Typography and Adaptive Font Sizes

    • HTML
    • CSS
    1

    HTML File:

    • How is the overall structure of the page? Any feedback on its organization?

    CSS File:

    • I noticed that the first image in the card is displayed differently on desktop and mobile (cropped on mobile devices). To address this, I manually cropped the image and used it specifically for the mobile version, so now I have two images: one for desktop and one for mobile. Is this approach considered professional?

    Overall Feedback:

    • Is it acceptable to rely solely on ChatGPT for help with this project, or should I explore other resources and websites for a more comprehensive approach?
  • Submitted 3 months ago

    Mobile-first workflow, CSS Box Model for spacing and borders,

    • HTML
    • CSS
    1

    in the html file:

    1. I used five meta elements, is that a good practice?
    2. what about the structure of the semantic html5 elements like div and article and ...

    in the css file:

    1. what's your opinion in the naming of the classes, is that a good practice?

    overall feedback:

    • when I finished the project and see the design on the mobile phone, I found that the edge of the container is nearly took the width of the screen and there is not any spaces like the required design, so I tried to modify the width of the container and the image so that it could fit, the question is how to handle the mobile design in the first time when I am writing the code and see the effect on the desktop?
    • any advices on how to make a pixel perfect application especially when it is concerned with something on the design that is not mentioned in the style-guide?