All comments

• 

  Andrey Borges•20

  @Borges0110Submitted over 1 year ago

  I wasn't skilled enough to put border-radius or something like that between cards. I would like some helpful tip, thx.

  

  Noob HTML5 and CSS3 project

  2

  80
  

  Brandon Rordriguez•300

  @MizunenPosted over 1 year ago

  You can set each corner of the border radius by giving four values. Ex border-radius: 1rem 0 0 1rem Syntax for border radius is Border-radius: top-left top-right bottom-right bottom-left.

  You can also add media queries to style based on screen size @media screen and (min-width: 1440px){ Body{ Whatever styles} }

  Think best practice is to style websites mobile first but if you wanted to do a media query for the mobile view you’d use max-width: 375px.

  Marked as helpful

  2

  This comment has received 1 replyShow
• 

  rathmanjonathan•30

  @rathmanjonathanSubmitted over 1 year ago

  What I found difficult was the responsive aspect of it. Such as what do I add to what. I do have questions about best practices such as what I should generally do when approaching something in css like if I should apply a certain property a certain way every time.

  

  QR CODE COMPONENT

  3

  51
  

  Brandon Rordriguez•300

  @MizunenPosted over 1 year ago

  You can get your image to show up by putting ./images/image-qr-code.png .you could center your container by giving the body a height and width of 100vh. You make sites responsive by using media queries and putting your desired styles for whatever size inside it. Ex of media query. @media screen and (min-width:1440px){ .container{ Whatever styles you want } } }

  I don’t think this project really needs a media query though.

  0