All comments

• 

  P

  Alonso Vazquez•170

  @alonsovzqzSubmitted 9 months ago

  • 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?

  

  Mobile-first recipe page solution using Flexbox

  3

  70
  

  P

  Asish Patnaik•160

  @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:

  css-reset

  Hope this helps

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Stiven Espinosa Zapata•10

  @StivenZSubmitted 10 months ago

  How can you host several "builds" in GitHub pages?

  

  QR code component using HTML and CSS

  3

  50
  

  P

  Asish Patnaik•160

  @asishPatnaik2000Posted 10 months ago

  Hi @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