@satyatoratiSubmitted 5 months ago
Latest solutions
Flexbox, Responsive design
PSubmitted 5 months agoStyling tables to avoid undesired behavior in this case for desktop design it was not possible for me to add padding to th elements without having td elements moved.
Also I would like to have advice on how can I handle font sizing to be responsive, how should I handle fonts sizes without using pixels and text to adapt to different sizes.
Latest comments
- @mnrohodenSubmitted 5 months ago
- @ivngzmnSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I learned more about group hovering to ensure a seamless hover transition on the list item with a link.
P@jedcancholaPosted 5 months agoIt includes semantic HTML at a certain level but there are multiple divs in the HTML. It includes the proper alt texts. The layout only includes 2 screens, mobile and desktop, font sizes are sligtly different, and the font was not loaded in the live url.
The code is well structured but I think the ul element could be avoided by implementing a flex column.
The CSS code is hard to read as there are multiple nested elements.
Marked as helpful0 - @fincodewizSubmitted 5 months agoP@jedcancholaPosted 5 months ago
Semantic HTML was used but could have been better by implementing an article as a card, and define a main and footer within the card.
The Image is accessible and used the correct alt description.
The different screen sizes were not implemented, the image and fonts are static, from the design fonts and size should be different depending on the screen size.
The code is well structured but I think a different approach should be used with the SVG as it takes a lot of the space on the html.
It only differ from the design in the size.
Marked as helpful0 - @ChrisRolandSubmitted 5 months agoP@jedcancholaPosted 5 months ago
Good usage of main section. Need usage of semantic html tags as article, for the card. There is no alt text for the qr image. The code looks good in different screen sizes, The solution differs slightly from the original but it is a good solution.
1
