@AndriiFedchyshyn
Keyzcharly
@KeyzcharlyAll comments
- @Keyzcharly
Impressive.
- @elfgirl89What are you most proud of, and what would you do differently next time?
Proud of how easily it was to pick up the actual front-end coding of the design.
What challenges did you encounter, and how did you overcome them?I found it really challenging to understand how to use the VS Code, Git, Github Desktop and Github relationship. I watched several tutorials trying to sort through it.
@KeyzcharlyUse semantic html for screen readers also
- @elfgirl89What are you most proud of, and what would you do differently next time?
Proud of how easily it was to pick up the actual front-end coding of the design.
What challenges did you encounter, and how did you overcome them?I found it really challenging to understand how to use the VS Code, Git, Github Desktop and Github relationship. I watched several tutorials trying to sort through it.
@KeyzcharlyGood job, next time create a new file for your css styles and link to it in the head of the document . Use css variables to make your css legible and reusable. Use other units like em, rem e.t.c instead of pixels for responsiveness. What I've found is that rem is good for fonts and em is good for padding and margin
- @mohamedf1001@Keyzcharly
very good
- @kvncodes@Keyzcharly
the link to the project source code says 404 on github, but the page was built very well, keep it up
- @ryichi0What specific areas of your project would you like help with?
I wonder if there is a way to make this layout responsive without using media queries?!
@Keyzcharlyvery good
- @Olabasspace@Keyzcharly
Very good. I like how you sized the width with viewports, most mobile screen are around the 300 - 400px width.
- @VazespWhat challenges did you encounter, and how did you overcome them?
I didn't know so much about html and css
@KeyzcharlyYou can practice here https://dash.generalassemb.ly/ or on freecodecamp.org
- @vikk2What are you most proud of, and what would you do differently next time?
The most thing I proud of is I'm completely finished this QR-code component without any framework or supported from Ai. I just searched up in W3schools about the box-shadow. I've used tailwind-css before I know the structured and what is the first thing to began with.
What challenges did you encounter, and how did you overcome them?Talking about challenges I encountered is I'm lost initially cause I've never used css for a long time. However, I tried to think which property I should use.
What specific areas of your project would you like help with?I think I can do this one. But not pretty sure about the next project.
@KeyzcharlyVery good job, explore using units like rem and em for text, padding and margin. Also explore writing css to save colors and others as variables.
Marked as helpful - @alaa-mekibesWhat challenges did you encounter, and how did you overcome them?
I have now mastered the use of
box-shadow, and I have learned to add multiple box-shadows.box-shadow: 0 5px 0px 15px rgb(11, 22, 40), 0 10px 0px 40px rgba(11, 22, 40, 0.372)@Keyzcharlygoing strong sir, lets connect? please find my contact details in my previous projects
- P@QuentinTengaGithub@Keyzcharly
Perfect, your unordered lists just needs some line-height. keep it up
ul{ line-height: 1.6; } - @thuytranj@Keyzcharly
very good, use css variables in your projects, try to use units like rem, em that are dynamic. otherwise very good
- @KnoweaterWhat specific areas of your project would you like help with?
I don't know how i must center my container vertically. I tried to set margin, aligning with display but didn't work. If someone knows i would like to get the answer.
@Keyzcharlyposition the image properly
img{ width: 90%; height: 100%; padding: 15px; }
- @tvhugala@Keyzcharly
very good
