@7A9Oo
@Virshree
Submitted
What are you most proud of, and what would you do differently next time?
Completing this project Next time will more focus on responsive layout
What challenges did you encounter, and how did you overcome them?
Challenges faces is that fixing mobile responsive layout . Researching all css tutorial for responsive ..
@7A9Oo
Posted
well done good job try to use container with fixed width to add margin to the text vertically , dont forget to use media query for mobile
@rough-diamond213
Submitted
What are you most proud of, and what would you do differently next time?
Getting comfortable writing the code
What challenges did you encounter, and how did you overcome them?
when designing the social link part, contemplate on using list or i should use a div, though i used a list(li). and i got my desired result
What specific areas of your project would you like help with?
still going well and still able to navigate my way
@7A9Oo
Posted
about your challenge i think using a tag for links is best choice and practice
@rough-diamond213
Submitted
What are you most proud of, and what would you do differently next time?
Getting comfortable writing the code
What challenges did you encounter, and how did you overcome them?
when designing the social link part, contemplate on using list or i should use a div, though i used a list(li). and i got my desired result
What specific areas of your project would you like help with?
still going well and still able to navigate my way
@7A9Oo
Posted
well done, great work
Marked as helpful
@mohamedsaad2006
Submitted
What are you most proud of, and what would you do differently next time?
I have a lot to learn, so I try to repeat and look at other solutions in order to master what I want to learn
What challenges did you encounter, and how did you overcome them?
Dealing and downloading fonts from Google still does not work well
What specific areas of your project would you like help with?
Dealing with embedding fonts from Google Know my learning level first hand
@7A9Oo
Posted
nice work 1- media queries in your code is range when you resize over 1440px all styles gone, try to design first for mobile or desktop and in your media use max-width:375px
@media (max-width:375px){
}
}
2- font-weight use 100..900 read README.md 3- use sementic html tags like nav main article section .., it is better fo SEO
@tris6
Submitted
What are you most proud of, and what would you do differently next time?
With the five buttons, I took the opportunity to try a grid layout for the first time. It was a very simple case, but good to get starting in working with them.
What challenges did you encounter, and how did you overcome them?
When using media query to largen container for desktop viewport, I realised link button widths were relative to container, rather than fixed width like design. I had to refactor button width to avoid double-handling for each viewport size.
What specific areas of your project would you like help with?
None
@7A9Oo
Posted
good joob well done links buttons in mobile have width 280 px and the padding of article container is 25 px
@DavidMachio
Submitted
@7A9Oo
Posted
nice work well done 1- you can use figma file to get the real size of elements and margin or padding like box-shadow offset-x and y are 8px 2- use media queries for mobile 3- use css variables to declare your colors. 4- try to create preset style to your font and use them directly
<div class="preset-3-b"> this is div </div>
.preset-3-b{
font-size: 14px;
line-height: 1.5;
letter-spacing: 0;
font-weight: 800;
}
@atharyaqub
Submitted
@7A9Oo
Posted
nice work well done try to get color preset and margin from README.md file and figma file also
@rafael-bogos
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of having managed to complete the challenge, but I would try to use other tools to increase productivity!
@7A9Oo
Posted
well done nice work try to use color preset as variables in root element
