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

recipe-page-main with css grid and flexbox

@alphajoeofoe

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

learnt how table works

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

tables and lists styling to look the way it supposed to

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

need feedback for how to use tables and the :root style effectively

Community feedback

fiza 100

@Codewithfiza

Posted

Its a improvement that you complete this and its good too.I'd be happy to provide some feedback on using tables and the :root style effectively in CSS. To give you more targeted advice, could you share:

What specific aspects of tables are you looking to improve? How are you currently using the :root selector in your CSS? Are there any particular challenges or issues you're facing?

1

@alphajoeofoe

Posted

yh like can :root be used for universal reference, lke can it take fonts and other stuff and is there other ones with similar use like the roots @Codewithfiza

0
fiza 100

@Codewithfiza

Posted

The :root selector in CSS is indeed very powerful for creating universal references. Here's a breakdown: Universal Reference with :root: The :root selector targets the highest-level parent element in the DOM, which is typically the <html> element. It's often used to declare global CSS variables (custom properties).These variables can then be used throughout your stylesheet. You can set almost any type of CSS property in :root, including: Colors Font properties Sizes (for padding, margin, etc.) Layout properties Even complex values like gradients or shadows. Hope it helps you!@alphajoeofoe

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