I used HTML for structuring the website and after that used CSS
Design comparison
Solution retrospective
This was my third day into the web development and I tried my best and put the knowledge to use as far as I could. Hopefully I will learn more and master my skills and get better. I tried my skills just to practise the knowledge that i have about html and css so far This was a pretty good experience But im not proud of what I made :(
What challenges did you encounter, and how did you overcome them?As a complete beginner it was tough and I did everything on my own
What specific areas of your project would you like help with?As new to webdevelopment I didnt new how to customize that preperation time box and the nutrition table so i would definetely hope someone could help me there
Community feedback
- @JunbolPosted 5 months ago
ok first do that first. You can if you want create a totally new repository in GitHub and call it: recipe-page-main
then add that remote to your local repository: git remote add origin <url of your GitHub remote repository which it will have the name: recipe-page-main> To do all this read the README.md file:
Building your project
Feel free to use any workflow that you feel comfortable with. Below is a suggested process, but do not feel like you need to follow these steps:
- Initialize your project as a public repository on GitHub. Creating a repo will make it easier to share your code with the community if you need help. If you're not sure how to do this, have a read-through of this Try Git resource.
- Configure your repository to publish your code to a web address. This will also be useful if you need some help during a challenge as you can share the URL for your project with your repo URL. There are a number of ways to do this, and we provide some recommendations below.
- Look through the designs to start planning out how you'll tackle the project. This step is crucial to help you think ahead for CSS classes to create reusable styles.
- Before adding any styles, structure your content with HTML. Writing your HTML first can help focus your attention on creating well-structured content.
- Write out the base styles for your project, including general content styles, such as
font-family
andfont-size
. - Start adding styles to the top of the page and work down. Only move on to the next section once you're happy you've completed the area you're working on.
Marked as helpful0 - @Ranty09Posted 5 months ago
Hello Zeeshan. Kudos for taking a bold step. In addition, I want to advise you to always ensure that the file path in your code matches the actual file path in your repository to make your image visible. I also want to encourage you to use table element and table row in the "Nutrition" segment.
Marked as helpful0@Zeeshan-Haider0Posted 5 months agoHi Ranti, I learned from my mistake. I have fixed it now and gave it the right path and yes I still don't quite understand the tables in html I will have to go through them again. Although, it's a new journey and I have a long way to go and to keep learning. Thank you for the tip ! @Ranty09
0 - @JunbolPosted 5 months ago
Hi Zeeshan, I think I might guess what is going on. My tip for you for now is to delete the repository you have now and create a new one but this time make recipe-page-main the repository and not nested inside another parent repository like it is now.
Cheers
Junier
Marked as helpful0@Zeeshan-Haider0Posted 5 months agoI appreciate it mate, I'm new to coding and a little tip means alot. Thanks! @Junbol
0
Please log in to post a comment
Log in with GitHubJoin 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