🚀Hello! Feekes👋,
🎯This is my solution for the NFT Preview card using HTML and CSS. I am using flexbox style to this project. Responsive design also worked for this challenge.
Mobile first approach is always best.
As usual If you notice any improvement, feel free to give out your tips to improve my coding skills are Welcome🙏
Have a nice da
Hi, your solution looks great!
I have a suggestion for improvement:
📌 Think about using <main> to wrap your main content instead of <div>.
Imagine <div> and <span> in HTML as basic containers. They're good for holding stuff, but they don't tell us much about what's inside or its purpose on the webpage.
This change might not have impact on how your page looks, but it'll make your HTML code clearer and help with SEO and accessibility.
Try to use values such as em or rem, this will help you with the responsiveness of the website, e.g. in the body instead of
min-height:700px;
use
min-height: 100vh;
It was amazing work for me.
What challenges did you encounter, and how did you overcome them?Faced a little bit problem setting the quotation in its place. I have overcome that by googling.
What specific areas of your project would you like help with?Any kind of review will be accepted.
Figuring out the positioning of the cards
What challenges did you encounter, and how did you overcome them?Struggled a bit with the positioning
What specific areas of your project would you like help with?Any feedback is welcom
Congratulations on completing the project.
In index.html you declare class names as, for example - 'feature-item item-2', if someone is not familiar with it, it may be difficult to understand what is what at the beginning, my suggestion is to use e.g. 'team-builder' or something like that.
I was able to finish this project
What challenges did you encounter, and how did you overcome them?No challenges
What specific areas of your project would you like help with?Any feedback is welcome
nice job done, good idea with root colors, interesting use of the grid
i learned how to add and customize tables in HTML and CSS
What challenges did you encounter, and how did you overcome them?I had a hard time customizing the table, font sizes, colors in a way it didnt apply to the entire object.
What specific areas of your project would you like help with?Improving HTML and CSS tips would be nice.
Congratulations on completing the project!
Note that in html you assign class names that are not used in css, e.g
recipe__ingredients
recipe__title
solid
This does not affect the page, but if there is no need to assign a class name, it is probably more readable without these class names, at least that is my feeling
I'm proud of my result; I think it answers the challenge fairly accurately, but I don't believe the solution is wide enough.
What challenges did you encounter, and how did you overcome them?I'm having difficulty figuring out how to set the width that I want while maintaining the responsiveness of the page.
What specific areas of your project would you like help with?I would love some help on this point. Thanks to anyone who has any feedback.
for me it seems to be okay
note that only the text is clickable, not the entire li field
The page layout is not responsive - after changing the size, the browser elements do not scale
I think a good option would be to separate the css code from the html code
The design is very similar but has a few small differences
It seems to me that some CSS properties are unnecessary
