@gozica
@1lija
Submitted
What challenges did you encounter, and how did you overcome them?
A lot of challenges with media query since it was the first time using it. ex. font size not changing when reaching a different width and height in query and staying the same as it was before. Googling helped
@gozica
Posted
The solution includes semantic HTML and is mostly accessible. The layout is responsive, the code is well-structured and reusable, and it closely matches the original design.
@Sam02marques
Submitted
@gozica
Posted
The layout on different screen sizes is were I am having a bit of trouble with and would like some input/help from the community. Other then that the challenge was really fun and can't wait to keep going with the learning path.
What are you most proud of, and what would you do differently next time?
The overall design and the use of figma in order to perfectly calculate the sizes for padding, divs and margins. I also used media queries to make it responsive for tablets, desktops and mobiles (as per the figma design files).
What challenges did you encounter, and how did you overcome them?
I encountered problems initially trying to make it responsive for mobile and desktop without the use of media queries. However, once I added media queries I was able to use the Chrome Developer tools to assist me in resizing them with the use of rems.
What specific areas of your project would you like help with?
I would like help with my use of media queries. I am not sure if this is the best way to do it in order to follow best practices of responsive websites and whether pixels are the best units to do this.
@gozica
Posted
The solution includes semantic HTML and is mostly accessible, though I could enhance it with better color contrast and alt text. The layout is responsive, the code is well-structured and reusable, and it closely matches the original design.
@AndresLamar
Submitted
@gozica
Posted
The solution includes semantic HTML and is mostly accessible, though I could enhance it with alt text for the imgs. The layout is responsive, the code is well-structured and reusable, and it closely matches the original design.
