Latest solutions
- Submitted about 2 months ago
Responsive CSS Grid card layout
#less#bem- HTML
- CSS
Please let me know if there is anything I can improve on
- Submitted about 2 months ago
Responsive Product Preview Card with LESS CSS
#accessibility#bem#less#semantic-ui- HTML
- CSS
how to 100% match design file using pixel perfect or other similar browser addons
- Submitted about 2 months ago
Responsive Recipe Page with core HTML & CSS
- HTML
- CSS
what approach to class styling would be better?
- Submitted 2 months ago
Responsive social links component with external CSS
- HTML
- CSS
Overall, how can I improve both HTML and CSS part
- Submitted 2 months ago
Blog Preview Card with internal CSS
- HTML
- CSS
I need help with putting image inside figure tag in my solution so that no background color of figure tag is visible. I did not find a way to overlay img fully over figure tag without going for an absolute positioning.
- Submitted 2 months ago
QR Code Component with Internal CSS
- HTML
- CSS
It is my first solution on frontendmentor.io! I hope you'll be helpful in the next difficult tasks!
Latest comments
- @MinTrannSubmitted 3 months ago@neo-the-coderPosted about 2 months ago
I see you chose your own styles for shadows, container width and font sizes, but they seem too close to each other, you can try fixing width of cards or adding more gap between cards.
0 - @mikov144Submitted 7 months agoWhat are you most proud of, and what would you do differently next time?
It was a fun little challenge, not much I can say about it. But I think I need to work on my class naming skills a little bit more...
- @Tonny-Blair-DanielSubmitted 2 months agoWhat are you most proud of, and what would you do differently next time?
- Proud of finishing the challenge.
- Next I would try to improve on missing areas.
- Styling the lists and the table were quite a challenge.
- But I had to review a few concepts and figured somethings on my own.
@neo-the-coderPosted about 2 months agoYou got a good solution, that is exciting, but seems like you missed to add some padding or class that was supposed to add them did not work correctly. To make it more similar to the design preview provided, you could change heading fonts, add padding between marker and list items, set texts' line heights and change colors to match it.
0 - @dayu420Submitted 2 months ago@neo-the-coderPosted 2 months ago
Very good looking, just needs some minor adjustments. For example, increasing padding of container so that links are not enlarged more than needed and also, hiding attribution part below the page so that it is visible on scroll only.
0 - @dayu420Submitted 2 months agoWhat challenges did you encounter, and how did you overcome them?
I faced some challenges with linking local fonts to my project initially. However, after seeking guidance from resources like GitHub Copilot, I was able to successfully implement the font linking process and integrate the fonts into my project.
@neo-the-coderPosted 2 months agoPerfect solution, just needed make the main section min-height:100vh so that attribution was not visiblein the screenshot. Also, I'm seeing #react hashtag but the solution is pure HTML and CSS. And I like that you preloaded your font in the head tags so that it will be downloaded faster to display applied fonts faster.
Marked as helpful0 - @DangAnhVuSubmitted 2 months ago@neo-the-coderPosted 2 months ago
Please make sure to include correct solution for the task. I see your solution is named as MyBlog, which could be some other solution other than Qr Code Component
0