Submitted almost 5 years ago

Mobile first approach using Sass and BEM methodology

@Kerri-AnnBates

A solution to the Article preview component challenge

Solution retrospective

Had a little trouble figuring out how to change the color of the share button image, so opted to creating a new image with a different color. Any advice on how to accomplish this?

Code

Please log in to post a comment

Community feedback

Saumya Verma•565
@nikkuv
Posted almost 5 years ago
You did a great job on your first project. It almost looks the same as in the design. All you have to do is on your share button set the style of "outline: none" on focus, like this. &:focus{ outline: none; }
Pedro Lopes•140
@PedroLealLopes
Posted almost 5 years ago
To change the color of an svg add this to its style with the respective color you wish to apply. For example:
```
.___footer-share-active{
  fill: red;
}
```
Abdulla Bashiroglu•520
@bashiroglu
Posted almost 5 years ago
Hi @Kerri-AnnBates, sorry I didn't figure out what you are asking. But as a improvement, you can add some padding to top and button in mobile size. Good luck

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord