All comments

• 

  Xemath•40

  @xemathSubmitted over 3 years ago

  plis check for the mobile view

  the only thing i cant did was to put my button at the end of the flex-box container any suggestion? i had to do it with margin :(

  

  3-column-preview

  1

  10
  

  Anjor Rao•115

  @anjorraoPosted over 3 years ago

  Hi, You can wrap card-title, image and p in single div and use justify-content: space-between property to flex items and avoid margin. https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content Hope this helps :)

  0
• 

  Amanda Ramirez•80

  @amandadeogrSubmitted over 3 years ago

  Please, comment what you think of the code and how I can improve it.

  

  Stats preview card component

  1

  10
  

  Anjor Rao•115

  @anjorraoPosted over 3 years ago

  Hi, The layout looks great. But there is one issue regarding h1 tag usage. According to cardinal rules of HTML and SEO, only one h1 tag should be used for an individual page.

  Hope this helps :)

  0

  This comment has received 1 replyShow
• 

  Samruddhi Bhagat•50

  @samruddhi-13Submitted over 3 years ago

  Please tell how to make the image color purple(as shown in given task)

  

  HTML, CSS

  2

  10
  

  Anjor Rao•115

  @anjorraoPosted over 3 years ago

  Hey, your layout looks great! You can add an overlay by using pseudo-elements. Hope this will help you. Reference link: http://jsfiddle.net/6Mt3Q/

  0
• 

  Kristine•310

  @sn-tinSubmitted over 3 years ago

  Hi! It took me hours to figure out how to put a circle border around each link. I used the updated version of fontawesome for the icons but when I tried to put a border around it, the icons don't go to the center of the border. So I ended up using fa-stack of fontawesome that's why the borders are thick. Is there any way to change the thickness of the circle from fontawesome? Or, I would appreciate it if you could give me tips on how I can adjust the icons to the center of the borders in CSS instead. Thank you.

  

  Huddle Landing Page HTML, CSS, Bootstrap 5

  1

  10
  

  Anjor Rao•115

  @anjorraoPosted over 3 years ago

  Hey @kristine, great job! I would suggest creating a square structure using height and width and applying a line-height property of equal value. Try this CSS to fa-circle class: border: 1px solid; height: 35px; width: 35px; border-radius: 50%; line-height: 35px;

  0
• 

  Ariana Bibiano•10

  @ariana124Submitted over 3 years ago

  Does anyone have any easy to understand resources, tips, or tricks when it comes to making the content of the page more responsive? I'd like to make it mobile friendly.

  

  HTML with SCSS

  2

  10
  

  Anjor Rao•115

  @anjorraoPosted over 3 years ago

  Hey @ariana, to make to cards responsive try this css -> @media only screen and (max-width: 767px) { .container { flex-wrap: wrap; } }

  0