Frontend Mentor | Bassel || باسل's profile

Raza Siddique•60

@razzasidSubmitted 2 days ago

Responsive Recipe page

2

Bassel || باسل•60

@BasselfathyPosted 1 day ago

Good job. I see that you faced some issues for the table part, here is how you can fix it.

first, you don't need table container, just use the <table> element directly and let it takes the full width.
let <th> and <td> have 50% of the table width instead of the fixed padding.

Marked as helpful

0

Pawan Dangi•10

@Pawan-arch589Submitted 9 days ago

Responsive Social Links Profile Website Using HTML, CSS,

1

Bassel || باسل•60

@BasselfathyPosted 1 day ago

Good job! you can use these hints to improve your CSS code_

When styling elements, it’s best to define reusable values, like colors, spacing, and font sizes, as CSS variables. This way, you only need to change a value once if you ever want to update it across the site!
Hardcoding sizes like px can make your design less adaptable to different screens. Instead, try using responsive units like rem or em for things like font sizes, padding, and margins.

0

mohamed-fathy3010•50

@mohamed-fathy3010Submitted 13 days ago

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

Enhancing my understanding about BEM methodology and gaining more knowledge about best practices.

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

Actually what seemed challenging to me was not the code itself but my lack of knowledge about Figma and how to easily access some of the needed info about the used styles specially with transitions.

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

Any feedback is appreciated.