- What other reset css properties should I add?
- Is the markup of the HTML clear enough or did I add a lot of "div"'s?
- Could I add a more generic HTML tags/CSS properties?
Asish Patnaik
@asishPatnaik2000All comments
- @alonsovzqzSubmitted 9 months ago@asishPatnaik2000Posted 9 months ago
Hi, some resets I constantly use is for all elements I make the elements border-box
*{ box-sizing: border-box }
what it does is considered the border, margin, etc. defined by you is also considered for size of an element making the UI more consistent. If you don't add this border size and an elements width are calculated separately for an element. What you can also do is make image as block elements so when adding image in UI doesn't have its default inline behavior and takes entire block space. This is optional only if you need it, you has add, for me it helped to get more control over inline elements like img element
Learn more about resets from here:
Hope this helps
Marked as helpful0 - @StivenZSubmitted 9 months ago
How can you host several "builds" in GitHub pages?
@asishPatnaik2000Posted 9 months agoHi @StivenZ! for this How can you host several "builds" in GitHub pages?
A way to do this is just put different challenges in different folders under same repository.
After you host the repository you can just use /<folder name> to see your project
for Example you can check my repository I have created for newbie challenges :
https://github.com/asishPatnaik2000/FrontendMentorNewbiePractice
After repository is hosted I just have to access it using folder name: example 1: https://asishpatnaik2000.github.io/FrontendMentorNewbiePractice/product-preview-card-component-main/
Similarly just change file name another challenge solution should show up.
Hope this helps
1