@hasnatlubaidSubmitted 7 months ago
Latest solutions
Responsive recipe page HTML + CSS
Submitted 7 months agoI am sure I missed many small details as I rushed it a bit, tell me if there are big issues that can easily be fixed or something I should not do going forward
Social-links HTML + CSS
Submitted 7 months agoGive me tips with how to tackle the challenges without the Figma tool as its only provided for pro
Responsive blog card using flexbox
Submitted 7 months agoI still feel I am writing more code than needed, would like for tips on how to reduce my code, also if my approach is right in general and general reminders on how to improve my code
Also one more thing, in the Figma file, in the design system there is the spacing section below.
It got 4px 50 8px 100 12px 150 16px 200
Not sure I understand what they mean by 50, 100, 150, 200
Is that just suggestion on what to name your spacing in your custom properties or is it something else?
Latest comments
- @Ner046Posted 7 months ago
Looks good, try to follow the design more closely like the background color of the page. of course also fix the image not appearing and its all good. Keep at it :)
0 - @manasmaity506Submitted 7 months ago@Ner046Posted 7 months ago
Looks great, very good semantic HTML and solid design and well responsive. One thing you can do is add custom properties css for your future works to define your properties, so when you want to make a change, you can only change the property and everything changes with it
1 - @breenohSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Nada
What challenges did you encounter, and how did you overcome them?Estilização de SVG
What specific areas of your project would you like help with?Estilização de SVG
@Ner046Posted 7 months agoNice work
For the HTML section, you don't need a footer for this example since footer is where you have the links and copyright information.
Also try just putting the blog card image and the avatar image in html instead of putting it in CSS as background img as I think this a harder approach than just simply inserting the img in html using the img tag.
Like this <img class="blogimage" src="illustration-article.svg" alt="Blog card image">
For now just learn how to do semantic html
With time you will get better, happy coding :)
Marked as helpful0 - @Mateuszg214Submitted 8 months ago
