responsive css. I think that's it, there are still many new things that I'm still learning
Responsividade com toda certa, isso me consome muito tempo, ainda não entendi direito
Well, this is the first time I am using grid. And was able to combine both grid and flex
What challenges did you encounter, and how did you overcome them?Well, funny enough, the only issue in the project was finding the background color for the body, like why isn't it on the style guide?
What specific areas of your project would you like help with?All good for now, but if you got any suggestions, drop please
I found your solution very good, but there are a few things to consider:
Fix the HTML Hierarchy.
The div.grid-container should wrap the .boxes, and each .box should contain only one .content-box. In your code, box2 has two content-boxes, which may make it difficult to manipulate in the future.
It is better to separate the cards individually in the HTML and use grid or flexbox to position them correctly.
Improve Responsiveness on Mobile
In @media (min-width: 768px), it may be better to use grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); to make the layout more flexible.
The .hero-section has max-width: 38rem;, which may be a bit restrictive on smaller screens. You can increase this limit or use width: 100% for better adaptation.
The challenge was solve with mobile first approach.
What challenges did you encounter, and how did you overcome them?The most challenging element was working with the Figma file.
Gostei do resultado, seguiu a semantica, é acessivel, layout muito bom, codigo muito bem estruturado
I am proud of successfully creating a responsive and visually appealing website that provides clear, concise information about a simple omelette recipe. Highlights include:
A well-structured layout that ensures a great user experience on both desktop and mobile devices. Thoughtful use of color schemes, typography, and spacing to enhance readability. Leveraging semantic HTML and modern CSS techniques to write clean, maintainable code. Completing the project independently and meeting the design expectations of the challenge.
Nice job!
Cool but the hover is missing, other than that it was awesome, keep improving!!!
Well, that I am able to complete it. It looks so simple but it took me quite some time just to set it all up, the width and height.
What challenges did you encounter, and how did you overcome them?Setting up the width and height which is rather specific rather than dynamic.
What specific areas of your project would you like help with?Don't know if it is related to the project, but can this be built without setting width and height to the main-container?
The project was really cool, I just think it would be more interesting to create a file for the style, it would be easier to read it at some other time.
Consegui fazer sem auxílio
What challenges did you encounter, and how did you overcome them?Foi bem simples
What specific areas of your project would you like help with?N/A
I liked the mobile-first approach, when I did mine I hadn't thought about it.
