diff --git a/README.md b/README.md index cecbe38..f49b124 100644 --- a/README.md +++ b/README.md @@ -10,13 +10,8 @@ This is a solution to the [Blog preview card challenge on Frontend Mentor](https - [Links](#links) - [My process](#my-process) - [Built with](#built-with) - - [What I learned](#what-i-learned) - - [Continued development](#continued-development) - [Useful resources](#useful-resources) - [Author](#author) -- [Acknowledgments](#acknowledgments) - -**Note: Delete this note and update the table of contents based on what sections you keep.** ## Overview @@ -24,24 +19,16 @@ This is a solution to the [Blog preview card challenge on Frontend Mentor](https Users should be able to: -- See hover and focus states for all interactive elements on the page +- [x] See hover and focus states for all interactive elements on the page ### Screenshot -![](./screenshot.jpg) - -Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it. - -Alternatively, you can use a tool like [FireShot](https://getfireshot.com/) to take the screenshot. FireShot has a free option, so you don't need to purchase it. - -Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above. - -**Note: Delete this note and the paragraphs above when you add your screenshot. If you prefer not to add a screenshot, feel free to remove this entire section.** +![Screenshot](./screenshot.png) ### Links -- Solution URL: [Add solution URL here](https://your-solution-url.com) -- Live Site URL: [Add live site URL here](https://your-live-site-url.com) +- Solution URL: [https://github.com/kaili-kameoka/blog-preview-card-vanilla](https://github.com/kaili-kameoka/blog-preview-card-vanilla) +- Live Site URL: [https://kaili-kameoka.github.io/blog-preview-card-vanilla/](https://kaili-kameoka.github.io/blog-preview-card-vanilla/) ## My process @@ -50,61 +37,15 @@ Then crop/optimize/edit your image however you like, add it to your project, and - Semantic HTML5 markup - CSS custom properties - Flexbox -- CSS Grid - Mobile-first workflow -- [React](https://reactjs.org/) - JS library -- [Next.js](https://nextjs.org/) - React framework -- [Styled Components](https://styled-components.com/) - For styles - -**Note: These are just examples. Delete this note and replace the list above with your own choices** - -### What I learned - -Use this section to recap over some of your major learnings while working through this project. Writing these out and providing code samples of areas you want to highlight is a great way to reinforce your own knowledge. - -To see how you can add code snippets, see below: - -```html -