thecoded.prof
CMU Coding Bootcamp
1.profilePage {
2 max-width: 800px;
3 margin: 0 auto;
4 padding: 20px;
5 text-align: center;
6}
7
8.profileContainer {
9 display: flex;
10 gap: 20px;
11 align-items: center;
12 justify-content: center;
13}
14
15.profilePicture img {
16 width: 150px;
17 height: 150px;
18 border-radius: 50%;
19 object-fit: cover;
20 margin-bottom: 10px;
21}
22
23.profileDetails {
24 flex: 1;
25 text-align: left;
26}
27
28input[type="text"],
29input[type="email"],
30textarea {
31 width: 100%;
32 padding: 10px;
33 margin-bottom: 10px;
34 border: 1px solid #ccc;
35 border-radius: 5px;
36}
37
38textarea {
39 resize: vertical;
40 min-height: 100px;
41}
42
43button {
44 margin: 5px;
45 padding: 10px 15px;
46 border: none;
47 border-radius: 5px;
48 cursor: pointer;
49}
50
51button:hover {
52 background-color: #007bff;
53 color: white;
54}
55
56.actionButtons {
57 display: flex;
58 justify-content: flex-start;
59 gap: 10px;
60}