working on mobile media queries first or on desktop
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 ..
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
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
about your challenge i think using a tag for links is best choice and practice
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
well done, great work
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
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
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
good joob well done links buttons in mobile have width 280 px and the padding of article container is 25 px
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;
}