Carlosaac23
@Carlosaac23All comments
- @aouintihouariSubmitted about 2 months ago@Carlosaac23Posted about 2 months ago
Hi Buddy! Well done with the page structure! Here are some tips I'll give to you to improve your page
- You can use
:root {}
in your style file to put there all of your main colors and use them on the page. As you can see, thebackground-color
of your recipe is rose while the design is white. - You can try to change the
font-family
of your preparation section and change thefont-size
of your headings. Try to userem
instead ofpx
.
0 - You can use
- @hugodelmirandaSubmitted 2 months ago@Carlosaac23Posted about 2 months ago
Hi Hugo. You did it very well. Even though, I'll give you some recommendations to improve your final design.
- You should add
padding
to your<div class="container">
so that the elements inside don't look so tight. - I saw your link elements and instead of using
<button type="button">GitHub</button>
you should use<a href="#">GitHub</a>
to make the page more accessible. This is also a good practice to use<a>
tags for links. - Once you have improved your links. You should add some padding to make them more similar to the design.
Marked as helpful0 - You should add
- @josemillsSubmitted 3 months ago@Carlosaac23Posted about 2 months ago
Hi @josemills. I saw your challenge and you did very well with the design. There are some tips I wanna give you to remove your scrollbar and have your card centered. Instead of using
height: 200vh
, useheight: 100vh
. 2 - Another thing, I saw your code and you use a lotdiv
in your HTML. Try to use less and it'll be easier to style it. 3 - Reviewing your code I saw you used<button><strong>Learning</strong></button>
to make your text bold. It works but it's not the best practice. Try to style it in thestyle.css
. Try them and let me know if you solve that!0 - @Darice19Submitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Completing my first one and overcoming any anxiousness with it.
What challenges did you encounter, and how did you overcome them?The biggest challenge was going through git and I was able to overcome it through learning.
What specific areas of your project would you like help with?Anything that can take my project to the next level
@Carlosaac23Posted about 2 months agoHi David. Congratulations on completing your challenge! I have some improvements you could implement in your challenge.
- To improve your card design you can remove the div with the class 'attribution'
<div class="attribution">
. - I don't know if you don't see it but the 'style-guide.md' file tells you what type of font you should use. Check it again and try.
- You can wrap your main div
<div class = "card">
in the<main>
tag to improve your accessibility.
0 - To improve your card design you can remove the div with the class 'attribution'