@LysenkoMarynaAleksandrovna
Latest solutions
FAQ Accordion with Semantic HTML and Vanilla JavaScript
#semantic-ui#van-jsSubmitted 22 days agoI would like to continue using more efficient and effective CSS and JavaScript methods.
Responsive Recipe Page using BEM, Flexbox, and Custom List Styling
#bemSubmitted 22 days agoIs there a more accessible way to implement custom list markers? Are there better practices for handling spacing and padding differences?
Social Links Profile Card with Semantic HTML, BEM, and Accessible CSS
#accessibility#bemSubmitted 23 days agoHow can I further improve my CSS and make it less redundant and more accurate to the design given?
Responsive Blog Preview Card using Clamp, Flexbox, and Pure CSS
#pure-cssSubmitted 23 days agoI did not manage to get the proper "image cropping" for the mobile view. The container and font sizes were also not entirely accurate according to the original design. Is there an easier and more clean way to do this?
QR Code Component using CSS Custom Properties and Flexbox
#accessibility#semantic-ui#bemSubmitted 23 days agoI would like feedback for any improvements when it comes to margin/padding, naming conventions, and general organization.
Latest comments
- @jenphan
Your solution looks wonderful!
- @BoleverWhat are you most proud of, and what would you do differently next time?
I'm quite proud of the code organization and the use of best practices, such as structuring with Flexbox, using CSS variables to simplify maintenance, and including a custom font with @font-face. I also paid attention to accessibility and security aspects, like using rel="noopener noreferrer" on links with target="_blank". It was very satisfying to see the layout closely match the original design while keeping the code clean and reusable.
What challenges did you encounter, and how did you overcome them?I didn’t face any major challenges during the project. The only small difficulty was figuring out which container should define the size of the menu items. But with some testing and adjusting the CSS, I managed to get it working smoothly. Overall, it was a good learning experience that helped me understand layout sizing better.
What specific areas of your project would you like help with?I’m not sure about specific areas yet, but I’m open to any feedback that can help me improve. I appreciate suggestions that can make my code cleaner, more efficient, or enhance the design and accessibility.
@jenphanYour solution looks great! Very similar to the original design given.
- @Ashwin-S-Nambiar@jenphan
Looks good! The only thing I noticed was that, on hover of any part of the card, the title should turn yellow, and the box shadow should grow.
- @FredSteady23What are you most proud of, and what would you do differently next time?
It's okay, I just want a code review.
What challenges did you encounter, and how did you overcome them?It's okay, I just want a code review.
What specific areas of your project would you like help with?It's okay, I just want a code review.
@jenphanYour solution design looks great! You did an amazing job making it look as close as possible to the original design.
