All solutions

This is my solution to the Article-preview-component-master challenge.

The share button is placed at the edge of the main container, I think it looks better there.

Things you can help me with

• I want to add a transition effect to the share button when I click it.

Do check out my code and feel free to leave any comments that can improve my code.🤞🤞

This is my solution for the interactive rating card component challenge.

The problem that I faced?

• The first container is not following the given margin when the window is resized but the second one does.
• Why does the focus pseudo-class focus doesn't work with the div tag?

CSS

.buttons:focus{ background-color: hsl(216, 12%, 54%); }

HTML

<div class="buttons">2</button>
<div class="buttons">3</button>
<div class="buttons">4</button>
<div class="buttons">5</button>

This doesn't work so changed the div with the button tag

Here's my solution to the Interactive rating component challenge.

Changed the color scheme a little.

Problem that I faced

• My first container is not following the margin when I resize the window.

Feel free to leave a suggestion that can help me improve my code. Also help me to add Media queries to my code.

This is my solution to the Testamonial-grid-section challenge.

Do checkout my code and feel free to leave any comment that can help me improve my code

This is my solution to the 3-column-card-component problem. Q. What did you find difficult while building the project? Having a little bit of difficulty using the media queries. Feel free to leave any feedback and help me to improve my solution (or) make the code clean!

Q.What did you find difficult while building the project?

• I still find it difficult to use Relative units so any tips for that will be really helpful

-I changed the dimensions of the project according to what I found more eye pleasing. -Feel free to leave any feedback and help me to improve my solution (or) make the code clean!