Sara
@saruujaAll comments
- @AliCamara20Submitted 10 days ago@saruujaPosted 9 days ago
- everything about the solution is well good the most important thing is to make something look exactly or near the challenge by using HTML and CSS and I see all those things
0 - @jhenniiferSubmitted 16 days ago@saruujaPosted 15 days ago
THe solution is perfect the size of screen, code structure the design layout is all good there's little thing but its out of the code. its the README.md you can use your own one you can follow README-template.md instructure and delete the challange one
1 - @Tainicknack0505Submitted 16 days agoWhat are you most proud of, and what would you do differently next time?
-
Clean and Responsive Design: The code utilizes media queries to ensure the layout adapts to different screen sizes, showcasing a user-friendly approach.
-
Custom Fonts: The inclusion of custom fonts adds a unique visual style to the card, elevating the overall design.
-
Semantic HTML Structure: The use of semantic elements (header, section, etc.) likely creates a well-organized and meaningful structure for the content.
-
Understanding Media Queries: Implementing responsive design using media queries can be challenging. I might have overcome this by researching tutorials or documentation to grasp the concept and syntax.
-
Working with Custom Fonts: Custom fonts can introduce complexities. I might have tackled this by consulting resources on font-face declarations and ensuring proper file paths.
-
Balancing Visual Appeal with Readability: Balancing aesthetics with a clear information hierarchy can be tricky. I might have addressed this by using contrasting colors and appropriate font sizes for optimal readability.
-
Advanced CSS Techniques: While the code demonstrates responsive design fundamentals, there might be a desire to explore advanced CSS techniques like Flexbox or Grid for more complex layouts.
-
Interactive Elements: The card currently displays static content. I might be interested in adding interactive components like buttons, hover effects, or animations for improved user engagement.
-
Accessibility Best Practices: Implementing best practices for accessibility ensures everyone can experience the content.
@saruujaPosted 16 days agoWell done on your challenging layout of the size. code structure everything is well organized there's no considerable difference from the original design The specific areas of your project you would like help with? -CSS advanced levels like Flexbox or Grid you can visit Kevin Powel YouTube channel The flex and grid courses is very helpful, also, I would recommend you RoadMap.sh the web is a good website given your frontend dev Path
Marked as helpful1 -
- @Mayen007Submitted 18 days agoWhat are you most proud of, and what would you do differently next time?
I am very proud of how fast, I was able to complete the challenge while also keeping it as close as possible to the design.
@saruujaPosted 18 days ago-The solution features well-structured semantic HTML, which is great. It also includes accessibility improvements, such as ARIA labels and alt attributes. However, the range of supported screen sizes is slightly larger than intended, and the text below the QR code image does not match the design exactly. Overall, the code structure is clear and easy to understand. Although the solution differs significantly from the original design, it is still well-executed.
Marked as helpful0