https://github.com/asmae-amahrouk/review-page
Simple page based on HTML CSS & SASS built basically to learn using Media Queries ....
https://github.com/asmae-amahrouk/review-page
Last synced: about 2 months ago
JSON representation
Simple page based on HTML CSS & SASS built basically to learn using Media Queries ....
- Host: GitHub
- URL: https://github.com/asmae-amahrouk/review-page
- Owner: Asmae-Amahrouk
- Created: 2021-09-13T09:09:53.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-13T09:10:41.000Z (almost 4 years ago)
- Last Synced: 2025-04-23T00:42:50.557Z (about 2 months ago)
- Language: CSS
- Size: 154 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-template.md
Awesome Lists containing this project
README
# Frontend Mentor - Social proof section solution
This is a solution to the [Social proof section challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/social-proof-section-6e0qTv_bA). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Overview](#overview)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
## Overview
It's a REVIEW PAGE with 03 compnents
- Title
- Stars
- Comments
## My process
I built firstly the entire HTML file then I style it with CSS with some help of SASS too then I specified all specific part of **MEDIA QUERIES** settings
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- SASS
### What I learned
I learnt how to make the design more responsive and fit all devices by using **MEDIA QUERIES**
### Continued development
For me MEDIA QUERY was really chanllenging for me because I was focusing just on the given layouts while the design was not working on many other devices but now I feel that I did well in this challenge by laking it really responsive ... I am wondering to develop my knowledge on JAVASCRIPT especially in [MOBILE-NAV-BAR]!!!
### Useful resources
- [Google Fonts](https://fonts.google.com/) - This helped me to pick up different font styles ... :)
- [W3 School](https://www.w3schools.com/) - This is an amazing article which helped me finally understand uses of some tags and properties in HTML & CSS (even in jS). I'd recommend it to anyone still learning this concept.
## Author
- Asmae :)
- Frontend Mentor - [@Asmae-Amahrouk](https://www.frontendmentor.io/profile/Asmae-Amahrouk)