All solutions

• 
  Submitted 24 days ago

  Responsive Web Page with Custom Typography and Adaptive Font Sizes

  • HTML
  • CSS

  1

  40

  ---

  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

  31

  ---

  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?