P
@ijerkov
What challenges did you encounter, and how did you overcome them?
I didn't have challenges this time.
What specific areas of your project would you like help with?I would like to get a feedback on accessibility and semantic html usage.
Latest solutions
Responsive Product List Page using CSS Grid and Basic JS
#pure-cssSubmitted 7 days agoI’d like help with improving my JavaScript skills, especially making my code cleaner and more organized. I also want to learn how to add features like search, filters, and maybe how to connect the site to real product data in the future.
Responsive Contact Form Page Using CSS Grid
#pure-cssSubmitted 27 days agoConcerning the width and height of the project or the sizing, yeah i believe I would need extra help for precision on it.
Responsive Testimonial Landing Page Using CSS Grid
#pure-cssSubmitted about 1 month agoDefinitely, with the accurate placing of the containers in the site.
I feel I got the sizes including the fonts wrong and well greater than it should be, which can be attributed to my non accessibility to the design file.
Help as to go about the right proportion would be immensely appreciated.
Responsive landing page using CSS Flex
#pure-cssSubmitted about 1 month agoDefinitely, i would need help with the accurate positions of the elements as in the design image.
Also, i would require assistance with the responsiveness of the site to ensure it resizes with ease.
Responsive Product Preview Landing Page using CSS Flex
#pure-cssSubmitted about 2 months agoI do not have anything that I feel is wrong with my project despite the height and width of the whole project, which might differ a bit from the original. This was due to my non accessibility to the design files.
Except from that, I believe it is a five-star project that was carefully and judiciously done right.
Responsive Recipe Page Using CSS Flex
#pure-cssSubmitted 6 months agoI would need help in my usage of CSS padding in the container; how i can manage and make use of it much better, what i need to do to make it professional
Latest comments
- @keftajnr
Wow! It is a fantastic work, my friend.
There were slight issues as to the background colour and the non visibility of the box shadows, which one can forget. This, however, can be easily sorted out.
Apart from all that, it is looking really nice, with definite similarities with the design page. Great work!
- @zrafaelagomesWhat are you most proud of, and what would you do differently next time?
Tive desafios ao fazer a parte responsiva e no posicionamento dos cards, creio que o código ficou meio bagunçado mas estou melhorando
@keftajnrHey Rafaela
I just wanted to say great job on your solution - it looks neat and well structured. I liked how you placed the cards and used the icons. I am still learning too, but i noticed the spacing and alignment felt a bit different from the original. The fonts and colours were slightly off too, and i also think using less fixed sizes might help with better responsiveness.
Overall, I learned a lot from just looking at your work. Keep it up, Voce esta mandando multo bemi.
Marked as helpful - @slayer-brWhat are you most proud of, and what would you do differently next time?
I’m proud of creating a clean and responsive product preview card using a mobile-first approach. I paid special attention to the semantic structure and accessibility. Next time, I would focus on implementing image optimization techniques like using the <picture> element for responsive images.
What challenges did you encounter, and how did you overcome them?One challenge was centering and aligning the product prices properly while keeping the markup clean. I solved it by using Flexbox to control the spacing and alignment within the price container. Another challenge was adjusting the layout between mobile and desktop views, which I overcame by applying media queries effectively.
What specific areas of your project would you like help with?I would like feedback on how to further optimize my CSS structure and better handle responsive images for different screen sizes using modern HTML techniques. Any suggestions on improving accessibility would also be appreciated.
@keftajnrYour project is quite stunning to behold.
it helped me to recollect what I missed when doing this similar project. Despite the difference in width and height, I can also see little flaws with the border radius used for the project container. Also, issues with the padding given to the button as it is a little bigger than that of the design solution.
Apart from all these, It is a good and nice project done, Well done! I would rate this 9/10
Marked as helpful - @daklo91@keftajnr
Congrats on your work on this project!
You really did well in your structure, code, styling and really in all aspects of your code.
I like that it is simplified, readable and accessible. It is professionally structured and looks really slick on my screen.
There is really nothing to say bad about it, apart from being slightly bigger than the design.
From someone who is still growing in this career, keep it up.
- @HossamElrawy@keftajnr
Good job on this project!
I looked at your code and was wowed. The amount of code you put in, specifically to the img element, was surprising but yet professional. It wasn't too simplified and easy to read, but still fine.
One thing I noticed was a lack of good structure, proper semantic HTML, talking about the publisher name and the header element wrongfully used, and that needs fixing. Fortunately, it turned alright.
Also, I saw an error in the color property for your <header> content. You used "gold" instead of black. Probably, it was a unintentional mistake.
It is still a nice solution and relates in not much difference to the original design.
- @twx0504@keftajnr
Congrats on this impeccable design. I could not even tell the difference between the design and your solution.
There is nothing to say wrong about it, to be fair. It is just that slick.
Very professional code, definitely includes semantic HTML, easy to read and use.
Superb work!
Marked as helpful
