Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Building Recipe Page

@ClemFrance

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@samritbasnet

Posted

i have seen few issue first would be the selection of background color and finally the table element is not inside the body element make sure the div section is inside it and be sure you gave right padding and margin.

0

@ClemFrance

Posted

Thks u very much for that I will work on it but I don't understand the table part pls if I may ask@samritbasnet

1
P

@samritbasnet

Posted

@ClemFrance Adjust image properties: Right-click on the image in the table cell Select "Image options" or "Format picture" Under "Size & Properties", adjust the height/width or scale to fit the cell without distorting the table 3 Set table properties: Select the table cells Right-click and choose "Table properties" Under the "Table" tab, select "Options" Uncheck "Automatically resize to fit contents" Click OK 3 Use "In line with text" wrapping: Right-click the image Select "Wrap text" Choose "In line with text" This should make the image adjust its size to fit the cell Paste image outside table first: Paste the image outside the table Apply any formatting or resizing Then move it into the table cell Use CSS for web-based tables: If this is for a web page, you can use CSS to control image sizing within table cells, like setting max-width/max-height Adjust row height manually: After inserting the image, you may need to manually adjust the row height to fit the image properly Remember to maintain aspect ratio when resizing images to avoid distortion. If you're still having issues, you may need to resize the images externally before inserting them into the table.

0

@ClemFrance

Posted

Thank u very much I appreciate your time in viewing my work and also correcting me@samritbasnet

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord