@Shiv1630-cyberSubmitted 4 months ago
Latest solutions
Responsive Recipe Page with HTML and CSS
Submitted 3 months agoI would like help with the areas I struggled with.
Social links card with html & CSS
Submitted 4 months agoSome posistive critism would be greatly appreciated.
Responsive Blog review card with html and css
Submitted 4 months agoI need help on how to adjust the svg blog image to match the specified width and height by figma(279 x 200), for a screen that is under 1140px.
Qr code page with HTML and CSS
Submitted 5 months agoWhen I used css flex I set the content to be set with space-around. However in the figma design I can tell the paragraphs are much closer to each other and I failed to do that.
Latest comments
- @Tanya-abiPosted 3 months ago
Your HTML file is well-structured and follows semantic practices, but there are a few areas for improvement.
The layout is supposed to accomodate different screen sizes and look different on a range of screen sizes.
0 - P@emkumaSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
Used BEM (Block Element Modifier) for the class naming.
What challenges did you encounter, and how did you overcome them?Encountered difficulty getting "Live Server" extension for VS Code to work properly.
I disabled Live Server and installed "Five Server".
Five Server worked extremely well. It allowed me to easily test my website using my iPhone 13.
What specific areas of your project would you like help with?I didn't see the need to use BEM for my buttons.
I'm working to write efficient code without clutter.
@Tanya-abiPosted 4 months agoGreat work on the design.
Fix Buttons: Use <a> for navigation links instead of <button> + <a>. Missing Closing Tag: Close the </body> tag properly. Alt Text: Make alt="Profile image of Jessica Randall" more descriptive.
Add comments to break down sections of the code.<!-- Profile Section -->
0 - @Edifierx8Submitted 4 months ago@Tanya-abiPosted 4 months ago
Well done, you completed your activity.
Try your best to follow the specifications set in the figma file. For accessibility and readability purposes, remember to use semantics in your code.
When it comes to the Author section, try to use display:flex method to align the items.
Your site is not responsive, you should use @media queries to help you with that. Always remember to design for the phone sizes first.
Marked as helpful0 - @Nitin8890Submitted 5 months ago@Tanya-abiPosted 5 months ago
Well done on completing your project.
You need to download the figma file, it will give you all the specifications you need, from color, font to dimensions.
Marked as helpful0
