[# Portfolio: setup and mobile version skeleton
In this project, I set up a mobile version skeleton of my Portfolio. No complex coding was required for this exercise. Our goal here is to master all of the tools and best practices we learned about in previous steps..
Builted With -GitHub
-Git
-Visual Code Studio
-Figma Templates
Learning Objectives Understand how to parse a Figma design to create a UI.
Flexbox to place elements in the page.
Build a personal portfolio site.
Use images and backgrounds to enhance the look of the website.
Get Started Visit https://lokurasrlz.github.io/
For this project, we had to get familiar with FlexBox to make it. It was very challenging to me because I am a beginner but I am giving my best!
-GitHub: @lokurasrlz
-LinkedIn: https://www.linkedin.com/in/matias-aguirre-ab51a623a/
-Twitter: @lokurasrlz
-Instagram: @aguirremati09
Feel free to check the issues page.
Show your support Give a
Web accesibility
h1
missing tag:https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/index.html#L28
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L305-L320
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L340-L356
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L641-L661
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L522-L536
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L195-L206
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L460-L471
https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L289-L303
form
s holders.https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/index.html#L222-L234
Responsive web design for my Portfolio
-Added media queries to the mobile version of my Portfolio. -Improvement to style.css file. -Added information needed in index.html. -Code cleaned. -Linter errors Fixed.
add Contact Form with help of Carlos Molina
This is the pair programming project with Carlos Molina. We have to create the Contact Form for our portfolios, we have been working together to pull it through.
Upgrading my Mobile Portfolio
At this part of the project, I upgrade the first version of my Mobile Portfolio using FlexBox as well as CSS grid. I build the middle section of the mobile website that has a work section so people can see what I'm working on and my previous projects, with some information about myself, the skills that I have, the languages that I can use and the Frameworks where I can work on.
Mobile Version Skeleton
Edit: I have fixed the things of my two last revisions.
This was my second project at Microverse. Here I had some troubles using vscode studio and GitHub but I think I was able to handle them. I have been working and giving my best all day long since I woke up. For this project I had to set up a mobile version skeleton for my Portfolio using FlexBox from scratch, I am a beginner so it was a challenge for me but I am excited to continue learning! I hope that everything works fine, if not I will be waiting for your review to fix it.
Mobile Version Skeleton for my Portfolio
This was my second project at Microverse. Here I had some troubles using vscode studio and GitHub but I think I was able to handle them. I have been working and giving my best all day long since I woke up. For this project I had to set up a mobile version skeleton for my Portfolio using FlexBox from scratch, I am a beginner so it was a challenge for me but I am excited to continue learning! I hope that everything works fine, if not I will be waiting for your review to fix it.
Code Review for Morning Session
I have read that it is recommended to use the "for each" loop every time data stored in Javascript objects is read, instead of the traditional "For" loop. I still don't know the reasons for this. By the way, congratulations for your work. It's tidy and clean. Congratulations !
Improving the readme file of the project
[Optional] Nice to have comments !
Hi, Matias. Good job working on your web page. Keep working! 💪
You should check the next issues to improve your webpage source code:
✅ Please look for a uniform selector naming system (e.g. use
class="about-me
insteadclass=aboutMe
format).Cheers! 👍