Ahmed-Abdul-ghaffar
@Ahmed-Abdul-ghaffarAll solutions
- Submitted 24 days ago
Responsive Web Page with Custom Typography and Adaptive Font Sizes
- HTML
- CSS
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
in the html file:
- I used five meta elements, is that a good practice?
- what about the structure of the semantic html5 elements like div and article and ...
in the css file:
- 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?