Since we don't have a design mockup, it's challenging to get the pixel-perfect measurements. I'd like to try using rems.
none
I made a huge progress at using grid layout.
What challenges did you encounter, and how did you overcome them?Responsiveness with grid was hard. I say it was confusing rather than hard.
What specific areas of your project would you like help with?I play and learn CSS Grid using cssgridgarden
I am getting better at making responsive websites. Really proud of that.
What challenges did you encounter, and how did you overcome them?Making rhombus from 4 containers was really tough. I used chatgpt for that and took idea from youtube tutorials.
What specific areas of your project would you like help with?Flexbox and Grid 😂
Feedback on coding style, practices would be appreciated!
it's perfect code 🤖 keep going!
I am most proud of being able to create a recipe page, which was more complex than my previous challenges. Additionally, I successfully developed a responsive webpage for mobile devices.
What challenges did you encounter, and how did you overcome them?I encountered challenges with the complex structure of the content and initially struggled to manage the different sections. I overcame this by reconsidering the related parts and grouping them, which made the structure more manageable.
The design is exceptional.
Completing the project, first time using vite to setup a react project.
What challenges did you encounter, and how did you overcome them?Deploying to github pages, required adding a workflow, followed instructions on the vite documentation site
What specific areas of your project would you like help with?Not sure how to use Inter-VariableFont_slnt,wght.ttf font file in fonts. I tried using it in @font-face in css:
@font-face {
font-family: 'Inter';
font-display: swap;
src: url('Inter-VariableFont_slnt,wght.ttf') format('truetype');
}
But it would not render Inter fonts but Times New Roman instead, I got around by having multiple font faces: Inter-Bold.ttf/Inter-Regular.ttf etc.
Any help on how to use this ttf file, so that I only have to import 1 font-face only and change their font-weight would be appreciated!
The design is exceptional. I am unable to find any flaws.
I'm proud of better understanding Figma and working with the design. I'm also proud of being able to import a font in next js
There is nothing to criticize about this project; if I had to say something, it would be that I can’t see the source code.
