Xemath• 40
@xemath
Submitted
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 :(
Anjor Rao
@anjorrao
All comments
- Anjor Rao• 115
@anjorrao
Posted
Hi, You can wrap card-title, image and p in single div and use
justify-content: space-betweenproperty to flex items and avoid margin. https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content Hope this helps :)0 - Amanda Ramirez• 80
@amandadeogr
Submitted
Please, comment what you think of the code and how I can improve it.
Anjor Rao• 115@anjorrao
Posted
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 - Samruddhi Bhagat• 50
@samruddhi-13
Submitted
Please tell how to make the image color purple(as shown in given task)
Anjor Rao• 115@anjorrao
Posted
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-tin
Submitted
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.
Anjor Rao• 115@anjorrao
Posted
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
@ariana124
Submitted
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.
Anjor Rao• 115@anjorrao
Posted
Hey @ariana, to make to cards responsive try this css -> @media only screen and (max-width: 767px) { .container { flex-wrap: wrap; } }
0
