@SaraMouraDev
What specific areas of your project would you like help with?
I would appreciate help on how improve my code using clean code.
Latest solutions
Latest comments
- P@littlesamm96
Code does not include semantic HTML and overall layout is larger than the size in the design.
- @kharylinWhat are you most proud of, and what would you do differently next time?
This project helped me improve my HTML and CSS skills, especially in structuring a simple yet visually appealing layout. I practiced using Flexbox for alignment and responsiveness, ensuring the design closely matched the provided challenge specifications. Additionally, this challenge reinforced the importance of maintaining clean and organized code for better readability and scalability.
What challenges did you encounter, and how did you overcome them?My biggest challenge was making the page fully responsive. To overcome this, I researched best practices for responsive design, experimented with different CSS techniques like Flexbox and media queries, and refined the layout until it adapted well to different screen sizes. This process helped me better understand how to create flexible and user-friendly designs.
What specific areas of your project would you like help with?Right now, my project is working well, but I would love feedback on how to improve responsiveness and accessibility. Ensuring the design adapts perfectly to all screen sizes and follows best practices for usability is my main focus. Any suggestions on refining the layout or optimizing the CSS would be greatly appreciated!
P@littlesamm96Solution is significantly larger than the design along with the size of the avatar image. Semantic mark-up has been used improperly.
- @anita-davidWhat are you most proud of, and what would you do differently next time?
I am proud of how i learnt new things from the initial task and used that knowledge to solve this task faster
What challenges did you encounter, and how did you overcome them?Minimal challenges in the aspect of element width
What specific areas of your project would you like help with?I would appreciate a better way to ensure the paragraph stays wrapped both in desktop and mobile view, instead of having to hard code the width of the paragraph.
P@littlesamm96Design is very closely matched to the solution. A job well done.
Flexbox will help wrap elements instead of hard coding the width.
- @Tamerlan1993P@littlesamm96
Good approach using semantic markup and CSS variables. Solution could be improved by altering margin and padding of surrounding elements to more closely match the design supplied.
- @JahsbabyP@littlesamm96
Readable, well-structured code although I would use more descriptive text for alt attributes of images for screen readers to implement accessibility.
Marked as helpful - @Kleanton1P@littlesamm96
Good approach to the challenge. Nice alternative to using fonts stored locally. I would however work on improving the layout so that it more closely resembles the height of the design.
