Submitted about 1 month ago

Recipe page using CSS flex

João Víctor de Araujo Lima•350

@xuaun

Preview site View code

This is a solution for...Recipe page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

This was my first code trying to use the BEM methodology for class naming. It was difficult at first and I don't know if I did it very well, but I'm proud of having done it.

What challenges did you encounter, and how did you overcome them?

I had some difficulty styling the table, but I think I got a good result in the end. Maybe there is an easier way to solve this than the one I used.

What specific areas of your project would you like help with?

If you have a better way to style the table, or any suggestions or opinions about the methodology I used to name my classes, or anything else about my code, I'd be happy to hear them.

Community feedback

P
Karolina•60
@KarolinaMasPosted about 1 month ago
Hi, I noticed that there is no border radius around prepration section. When it comes to styling Nutrition section, I find it easier to do it using unorded list for html and grid of two columns for css. But overall, nice work!
1
P
João Víctor de Araujo Lima•350
@xuaunPosted about 1 month ago
Hey Karolina,

Thanks for the help in the comment! I hadn't noticed that border-radius lol. And yes, it would probably be easier to make the table like this, I was the one who wanted to take a chance using the table tag, but I'll take that into consideration in future codes.
0
P
Karolina•60
@KarolinaMasPosted about 1 month ago
I`m glad it helped. I did some futher research on when to use table element, so in this case both table and list options technicaly are good.
1

Please log in to post a comment

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