MikDra1• 5,950
@MikDra1
Submitted
Nathan Orobor
@omarnate1
All comments
- Nathan Orobor• 150
@omarnate1
Posted
hello, please check the live site, its down.
0 - Thiago Lorhan• 110
@Thiagouh
Submitted
What are you most proud of, and what would you do differently next time?
I better understood the use of Grid and I intend to continue using it to understand more.
What challenges did you encounter, and how did you overcome them?
my problem was dealing with the inversion of positions of some cards present, but I managed to solve it by persisting.
What specific areas of your project would you like help with?
Any feedback on the project is welcome!
Nathan Orobor• 150@omarnate1
Posted
very nice work, comparing it with the original design, you can make some adjustments to position it at the center.
0 @DearNatthaphong
Submitted
What are you most proud of, and what would you do differently next time?
Having issues with drop-shadow in Tailwind CSS. Welcome to any suggestions.
What challenges did you encounter, and how did you overcome them?
Having issues with drop-shadow in Tailwind CSS. Welcome to any suggestions.
What specific areas of your project would you like help with?
Having issues with drop-shadow in Tailwind CSS. Welcome to any suggestions.
Nathan Orobor• 150@omarnate1
Posted
clean work mate, keep it up
next time try and spare a few minutes to edit the readme-template and readme files to have your details.
overall, job well done.
0- SmartAce• 170
@Smart-Ace-Designs
Submitted
What are you most proud of, and what would you do differently next time?
Learning new CSS tricks such as adding spacing between letters and adjusting line height. What I would do differently is handle the dual image differently. I believe the solution is to use the element, but I could not figure out how to map its functionality to the Astro equivalent - so I used the "hidden" declaration instead which is not ideal.
What challenges did you encounter, and how did you overcome them?
Spend way too much time tweaking spacing, text size, text weight, etc. Perhaps Figma might help.
What specific areas of your project would you like help with?
Using the Astro component to select different images based on the screen size. The documentation, that I found, does not seem to explain how to do this (assuming it is even possible to do with this component).
Nathan Orobor• 150@omarnate1
Posted
Nice job, well done. Very nice and clean codes.
1 - James Brown• 260
@jamesbrown173
Submitted
Nathan Orobor• 150@omarnate1
Posted
Nice work, but take a little time to edit your README.md to have your details. I looked at your codes and the README.md files and template are all the same.
Marked as helpful
0 - Nathan Orobor• 150
@omarnate1
Submitted
What are you most proud of, and what would you do differently next time?
nothing new
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
none
Nathan Orobor• 150@omarnate1
Posted
The solution includes semantic HTML with correct usage of elements like <header>, <main>, <footer>, and <nav>.
To improve, verify that semantic elements are used where applicable, such as <article> for independent content sections.
For accessibility, check for ARIA roles, alt attributes on images, and proper labeling of form elements.
Use landmarks to improve navigation for screen readers and ensure sufficient color contrast. The layout uses responsive units and media queries effectively.
0 - yosuef mohamed• 80
@yousef89
Submitted
Nathan Orobor• 150@omarnate1
Posted
nice job, well done
0 - yosuef mohamed• 80
@yousef89
Submitted
Nathan Orobor• 150@omarnate1
Posted
nice and neat job.
0 - dsaneshaikh• 40
@dsaneshaikh
Submitted
Nathan Orobor• 150@omarnate1
Posted
- Semantic HTML: The solution effectively uses semantic HTML, enhancing both structure and accessibility.
- Accessibility: The design is accessible, with clear improvements made for screen readers.
- Responsive Layout: The layout is responsive, and looks great on various screen sizes.
- Code Quality: The code is well-structured, readable, and highly reusable.
- Design Adherence: The solution closely follows the original design, ensuring visual consistency.
0
